2010-06-07 58 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>