jQuery: сортировка иерархических данных?

Question

Я попытался в течение некоторого времени разработать способ сортировки вложенных категорий с помощью jQuery. Я не смог создать свой собственный плагин, чтобы сделать это, поэтому я попытался найти то, что уже было доступно. Пробовал несколько часов сейчас с этим, http://www.jordivila.net/code/js/jquery/ui-widgetTreeList_inheritance/widgetTreeListSample.aspx и не мог заставить его работать.

Каковы альтернативы создания сценария пользовательского интерфейса jQuery/jQuery, который обрабатывает сортировку дочерних и родительских категорий таким образом, который может быть объединен с бэкэндом AJAX PHP для обработки фактической сортировки в базе данных?

Спасибо!

Answer 1

Я использовал виджет от 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>   

Answer 2

Вы могли бы попытаться структурировать свои иерархические данные в базе данных с помощью вложенной Set Model, это позволит вам просто запросить ваши категории в порядке их глубины с помощью одного ВЫБРАТЬ

Вот статья из MySQL, описывающую, как это реализуется в реляционной базе данных http://mikehillyer.com/articles/managing-hierarchical-data-in-mysql/