[英]How to use PrimeFaces p:droppable inside datatable?
有業務需要對項目進行分類。 最好的想法似乎是將一個列表中的項目拖放到類別列表中。 類別數可以變化,因此使用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>
PrimeFaces中存在一個錯誤 ,當<p:droppable>
嵌套在任何數據重復元素中時,dropListener不會被調用。 我也嘗試使用Facelets重復標記<ui:repeat>
但是沒有調用dropListener就像拖動到<p:dataTable>
。
在PrimeFaces中展示了所有拖拽,下拉示例具有靜態可放置區域。
PrimeFaces ShowCase
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.