4 Replies Latest reply: Apr 18, 2013 4:17 AM by Madhava Maiya RSS

    Implement dragsort in oracle adf

    Madhava Maiya
      Hi,
      I want to implement the drag sort (eg: http://jqueryui.com/sortable/#display-grid) in oracle adf.
      This is my sample code in oracle adf.

      <?xml version='1.0' encoding='UTF-8'?>
      <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
      xmlns:trh="http://myfaces.apache.org/trinidad/html">
      <jsp:directive.page contentType="text/html;charset=UTF-8"/>
      <f:view>
      <af:document id="d1" title="Sortable">
      <af:form id="f1">
      <af:resource type="css" source="/css/test.css"/>
      <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 () {
      $("#sortable").sortable();
      $("#sortable").disableSelection();
      });
      $(function () {
      $("#test").sortable();
      $("#test").disableSelection();
      });
      $(function () {
      $("#sortable1").sortable();
      $("#sortable1").disableSelection();
      });
      </trh:script>

      <af:panelList rows="6" maxColumns="3" id="sortable1"
      listStyle="thumbnail" inlineStyle="list-style-type:none" >
      <af:forEach varStatus="vs" begin="1" end="17">
      <af:panelList rows="6" maxColumns="3" styleClass="span4" id="test"
      listStyle="thumbnail" inlineStyle="list-style-type:none">
      <af:outputText id="ot2" value="#{vs.index} #{vs.count} #{vs.begin}"/>
      </af:panelList>
      </af:forEach>
      </af:panelList>
      </af:form>
      </af:document>
      </f:view>
      </jsp:root>


      Can any one help me out...

      I am using JDeveloper 11.1.1.6.0 version.

      Thank you and regards

      Madhava

      Edited by: Madhava Maiya on Apr 18, 2013 2:17 AM