Question

这是我的代码：

 <p:selectOneListbox id="columnName"
                        widgetVar="columnName"
                        value="#{dataTransformBean.column}">

        <f:selectItems id="itemDrop"
                       value="#{dataTransformBean.columnList}"
                       var="item" itemValue="#{item}" />

        <p:ajax update="textarea" />
    </p:selectOneListbox>

    <p:inputTextarea  id="textarea" rows="6" cols="33" />

    <p:selectOneListbox id="function"
                        widgetVar="function"
                        value="#{dataTransformBean.function}">

        <f:selectItems value="#{dataTransformBean.functionValNames}" />
    </p:selectOneListbox>

    <p:draggable for="columnName" revert="true" helper="clone"></p:draggable>

我只想拖动<p:selectOneListBox>中<p:inputTextarea>的所选项目，其for="id"拖动整个列表框。如何从列表中仅拖动所选项目。

Answer 1

有一个＆＃34; Drag＆amp;掉落 - 定制＆＃34;在展示中的例子 http://www.primefaces.org/showcase/ui/dnd/custom.xhtml

在这个例子中，它定义了类＆＃34; .ui-treenode-leaf＆＃34;可以拖动和上课＆＃34; .ui-datatable .droppoint＆＃34;可以放弃。

（我猜）在p：selectOneListBox的情况下，您可以尝试定义＆＃34; ui-selectlistbox-item ui-corner-all ui-state-highlight＆＃34;可以拖延。因此，只有选定的（突出显示的）selectlistbox项才可以拖动。当然，您还应该将p：inputTextarea定义为droppable，并在bean中创建p：remoteCommands以及必要的动作侦听器。

如何拖动p：selectOneListBox的选定项并放入p：inputTextarea？

1 个答案: