Implement dragsort in oracle adf

Question

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

Answer 1

Hi Frank,
I am using client side because I did not get any solution using ADF (Also I am new to ADF).
Also I need display the data in grid, that is why I used panelList.
I will expalin the thing in simpler way.
Suppose I have a list of size = 7
I want to display the data of each list in grid format mentioned below:
1 2 3
4 5 6
7
For the above requirement I have used panelList. The only thing I want to do is to use drag sort and make changes in the grid. After refreshing the page the original grid should display.
If any thing can be done using ADF is well and good for me.
Thanks
Madhava