如何将p:selectOneListBox的选中项拖放到p:inputTextarea中？

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:inputTextarea>中拖拽for="id"的<p:selectOneListBox>的选中项目。我可以只拖拽列表中的选中项目吗？

Answer 1

showcase http://www.primefaces.org/showcase/ui/dnd/custom.xhtml中有一个“拖放-自定义”示例

在本例中，它将类".ui-treenode-leaf“定义为可拖动，将类".ui-datatable .droppoint”定义为可丢弃。

(我猜)在p:selectOneListBox的情况下，您可以尝试将"ui-selectlistbox-item ui-corner-all ui-state-highlight“定义为可拖动。因此，只有选中(突出显示)的selectlistbox项才是可拖动的。当然，您还应该将p:inputTextarea定义为droppable，并在bean中创建具有必要操作侦听器的p:remoteCommands。