ajax – 如何在数据表中使用PrimeFaces p：droppable？

发布时间：2020-12-16 02:52:11 所属栏目：百科来源：网络整理

导读：有业务需要对项目进行分类.最好的想法似乎是将一个列表中的项目拖放到类别列表中.类别数可以变化,因此使用p：dataTable. 发送Ajax请求但不从dataTable内部调用onDrop方法.删除数据表和列并静态输出窗口时,会调用onDrop吗？如何最好地将项目拖放到动态变化的

有业务需要对项目进行分类.最好的想法似乎是将一个列表中的项目拖放到类别列表中.类别数可以变化,因此使用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中有一个 bug,当< p：droppable>嵌套在dropListener不会被调用的任何数据重复元素中.我也尝试使用Facelets重复标记< ui：repeat>但是没有调用dropListener就像拖动到< p：dataTable> .

在PrimeFaces中展示了所有拖拽,下拉示例具有静态可放置区域.
PrimeFaces ShowCase

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!