Mar*_*ala 6 ajax datatable jsf primefaces
有业务需要对项目进行分类.最好的想法似乎是将一个列表中的项目拖放到类别列表中.类别数可以变化,因此使用p:dataTable.发送Ajax请求但不从dataTable内部调用onDrop方法.删除数据表和列并静态输出窗口时,会调用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>
Run Code Online (Sandbox Code Playgroud)
PrimeFaces中存在一个错误,当<p:droppable>
嵌套在任何数据重复元素中时,不会调用dropListener.我也试过使用Facelets重复标记,<ui:repeat>
但是没有调用dropListener就像拖动到<p:dataTable>
.
在PrimeFaces中展示了所有拖拽,下拉示例具有静态可放置区域.
PrimeFaces ShowCase