簡體   English   中英

如何在數據表中使用PrimeFaces p:droppable?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM