2010-06-07 89 views
3

我試了一段時間來找出一種用jQuery排序嵌套類別的方法。我沒有建立我自己的插件來做到這一點,所以我試圖找到已經可用的東西。試了幾個小時,現在這個,http://www.jordivila.net/code/js/jquery/ui-widgetTreeList_inheritance/widgetTreeListSample.aspx,不能得到它的工作。jQuery:排序分層數據?

創建一個jQuery/jQuery UI腳本的替代方法,該腳本處理排序子類和父類的方式,可以與AJAX PHP後端結合處理數據庫中的實際排序?

謝謝!

回答

2

實現我用的小部件從http://www.jordivila.net/jquery-widget-inheritance.html嵌套類別排序,它爲我工作。

嘗試使用這個簡單的HTML文件

<script src="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList/widgetTreeList.js" type="text/javascript"></script> 
<script src="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList_inheritance/widgetTreeList_Sort.js" type="text/javascript"></script> 


<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<link href="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList/widgetTreeList.css" rel="stylesheet" type="text/css" /> 

<style type="text/css"> 
    #treeListSortable {width:300px;} 
</style> 

<script type="text/javascript"> 
     $(document).ready(function() { 
     $('#treeListSortable').treeListSortable(); 
     }); 

    </script> 

       <ul id="treeListSortable"> 
         <li>Node 1 
         <ul> 
          <li>Node 12</li> 
          <li>Node 9</li> 
          <li>Node 7 
           <ul> 
            <li>Node 6</li> 
            <li>Node 11</li> 
            <li>Node 10</li> 
            <li class="ui-treeList-open">Node 8 
            <ul> 
             <li>Node 5</li> 
             <li>Node 2</li> 
             <li>Node 4</li> 
             <li>Node 3</li> 
            </ul> 
            </li> 
           </ul> 
          </li> 
          <li>Node 13</li> 
         </ul> 
         </li> 
       </ul>