Question

我想在Oracle ADF中实现拖动排序（例如：http://jqueryui.com/sortable/#display-grid）。

<af:panelList rows="6" maxColumns="3" id="sortable1"
                      listStyle="list-style-type:none" >
         <af:forEach varStatus="vs" begin="1" end="17">
          <af:panelList rows="6" maxColumns="3" styleClass="thumbnail" id="test"
                          listStyle="list-style-type:none">
         <af:panelGroupLayout layout="vertical"
                                               styleClass="thumbnail" id="pgl4">
           <af:outputText id="ot2" value="#{vs.index} #{vs.count} #{vs.begin}"/> 
           </af:panelGroupLayout>
            </af:panelList>
          </af:forEach>
</af:panelList>

以下是排序的jquery：

<af:resource type="javascript" source="/js/jquery-1.9.1.js"/>
        <af:resource type="javascript" source="/js/jquery-ui.js"/>
        <trh:script id="sx4">
           $(function () {
              $("#sortable1").sortable();
              $("#sortable1").disableSelection();
          });
        </trh:script>

Answer 1

我强烈建议不要在使用ADF时使用jQuery来调整DOM。 ADF对DOM做了一些奇怪的事情，jQuery对DOM做了同样奇怪但不兼容的事情。将它们结合起来可以解决问题。

您可能想要查看的是使用ADF的拖放源/目标接口。那些可能会帮助你，但我强烈怀疑这是不可能的。

Answer 2

我使用Panel Dash Board来达到dragsort的要求。

我使用的代码低于一个：

<af:panelDashboard id="pd1">
                          <af:forEach begin="1" end="5" step="1" varStatus="vs"
                                      var="v">
                            <af:panelBox text="#{vs.index}">
                              <af:componentDragSource/>
                              <af:panelGroupLayout layout="vertical"
                                                   styleClass="thumbnail"
                                                   id="pgl10">
                                <af:outputText id="ot8"
                                               value="#{vs.index} #{vs.count} #{vs.begin}"/>
                              </af:panelGroupLayout>
                            </af:panelBox>
                          </af:forEach>
                        </af:panelDashboard>

组件将对项目（面板框）进行拖动排序。不需要java脚本文件。它将在jQuery中执行与拖动排序（例如：http://jqueryui.com/sortable/#display-grid）相同的操作。

由于

玛达瓦

在Oracle ADF中实现拖动排序（例如：http：//jqueryui.com/sortable/#display-grid）

2 个答案: