[英]jQuery: Sorting hierarchical data?
我已經嘗試了一段時間來找出一種使用jQuery對嵌套類別進行排序的方法。 我沒有構建自己的插件來做到這一點,所以我試圖找到已經可用的東西。 現在用這個試了幾個小時, http://www.jordivila.net/code/js/jquery/ui-widgetTreeList_inheritance/widgetTreeListSample.aspx並且無法讓它工作。
有哪些替代方法可以創建一個jQuery / jQuery UI腳本,以一種可以與AJAX PHP后端結合處理數據庫中實際排序的方式處理子類和父類別的排序?
謝謝!
您可以嘗試使用嵌套集模型在數據庫中構建分層數據,它允許您使用單個SELECT按照深度順序查詢類別
以下是MySQL的一篇文章,描述了它是如何在關系數據庫中實現的.http://mikehillyer.com/articles/managing-hierarchical-data-in-mysql/
我使用了來自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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.