2010-06-07 5 views
3

J'ai essayé depuis un certain temps de trouver un moyen de trier les catégories imbriquées avec jQuery. J'ai échoué à créer mon propre plugin pour cela, alors j'ai essayé de trouver quelque chose qui était déjà disponible. J'ai essayé quelques heures maintenant avec celui-ci, et je ne peux pas le faire fonctionner. Quelles sont les alternatives de création d'un script d'interface utilisateur jQuery/jQuery qui gère le tri des catégories enfants et parents de manière à pouvoir être combiné avec un backend PHP AJAX pour gérer le tri réel dans la base de données?jQuery: tri des données hiérarchiques?

Merci!

Répondre

2

je le widget de http://www.jordivila.net/jquery-widget-inheritance.html pour trier les catégories imbriquées et cela a fonctionné pour moi.

Essayez d'utiliser ce simple fichier 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>   

3

Vous pouvez essayer de structurer vos données hiérarchiques dans votre base de données à l'aide du Nested Set modèle, il vous permettra simplement interroger vos catégories afin de leur profondeur à l'aide Unique.Sélectionnez

Voici un article de MySQL décrivant comment est mis en œuvre dans une base de données relationnelle http://mikehillyer.com/articles/managing-hierarchical-data-in-mysql/