业务需要对物品进行分类。最好的想法似乎是将物品从一个列表中拖放到类别列表中。类别数量可以变化,因此使用p:dataTable。发送Ajax请求,但在dataTable内部未调用onDrop方法。当删除dataTable和列并静态地拥有outputpanel时,是否会调用onDrop?
如何最好地将物品拖放到动态更改的类别中?
<h:form prependId="false">
<h:panelGrid columns="2">
<p:dataTable id="itemstable" value="#{categoryBean.items}" var="item">
<p:column>
<p:outputPanel id="itemrow">
<h:outputText value="#{item}"></h:outputText>
</p:outputPanel>
<p:draggable for="itemrow"></p:draggable>
</p:column>
</p:dataTable>
<p:dataTable value="#{categoryBean.categories}" var="cat">
<p:column>
<p:outputPanel id="cats1">
<h:outputText value="category1"></h:outputText>
</p:outputPanel>
<p:droppable for="cats1"
dropListener="#{categoryBean.onDrop}"
tolerance="pointer"
activeStyleClass="slotActive"
datasource="itemstable">
</p:droppable>
</p:column>
</p:dataTable>
</h:panelGrid>
</h:form>