我正在使用jqtree插件生成树视图。
现在,我想通过标签对每个节点的树进行排序。
该插件没有排序功能,因此我认为在将数据加载到其中之前需要对其进行排序。
这是我要排序的数据。
[
{
"label": "A label",
"id": "201",
"children": [
{
"label": "C Label",
"id": "40773",
"children": [
{
"label": "F label",
"id": "222460",
"children": []
},
{
"label": "C label",
"id": "222469",
"children": []
},
{
"label": "X label",
"id": "27512",
"children": [
{
"label": "F label",
"id": "143546",
"children": []
},
{
"label": "D label",
"id": "141341",
"children": [
{
"label": "G label",
"id": "222456",
"children": []
},
{
"label": "L label",
"id": "222457",
"children": []
},
{
"label": "x label",
"id": "222443",
"children": [
{
"label": "Z label",
"id": "222447",
"children": []
},
{
"label": "A label",
"id": "222446",
"children": []
}
]
},
{
"label": "L label",
"id": "222455",
"children": []
}
]
},
{
"label": "A label",
"id": "143547",
"children": [
{
"label": "B label",
"id": "222458",
"children": []
}
]
},
{
"label": "R label",
"id": "143548",
"children": []
}
]
}
]
}
]
}
]
非常感谢您的任何建议。
最佳答案
您可以使用遍历树的递归函数和任何排序算法对它们进行排序。
recursiveSortByLabel(arr); //arr = the array with your tree data
function recursiveSortByLabel(obj){
if(obj.length > 0){
for(var i in obj){
if(obj[i].children.length > 0)
recursiveSortByLabel(obj[i].children);
sortAlgorithm(obj); //any sorting algorithm
}
}
}
在此fiddle中,我使用效率不高但易于实现的冒泡算法进行了此操作。它将结果记录到控制台进行检查。
关于javascript - Jqtree-订购条目,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26763111/