0

Oracle ADFにドラッグソート（例：http： //jqueryui.com/sortable/#display-grid ）を実装したい。

私がADFで試した以下のコード：

<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>

しかし、ドラッグソートはできません。ドラッグソートを実装するにはどうすればよいですか？

4

2 に答える 2

0

ADFの使用中にjQueryを使用してDOMを調整することは強くお勧めします。ADFはDOMに対していくつかの奇妙なことを行い、jQueryはDOMに対して同様に奇妙ですが互換性のないことを行います。それらを組み合わせることが問題のレシピです。

見たいと思うかもしれないのは、ADFのドラッグアンドドロップソース/ターゲットインターフェイスを使用することです。それらはあなたを助けるかもしれませんが、私はこれが不可能であると強く疑っています。

于 2013-03-15T16:12:10.053 に答える
0

ドラッグソートの要件を満たすために、パネルダッシュボードを使用しました。

私が使用したコードは以下のとおりです。

<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 )と同じことを行うだけです。

于 2013-04-17T12:21:53.820 に答える