最简单的无线分类,无限树形菜单解决方案

Posted MIke|壹六得六|大当家|Fang.j

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了最简单的无线分类,无限树形菜单解决方案相关的知识,希望对你有一定的参考价值。

    JS版本

  整体思路就是:不管多少层级,每层都需要添加子类进去,写个递归函数寻找子类即可

var data = [ {"txt":"成都", "key":"成都", "val":"", "parentKey":"四川", "index":1, }, {"txt":"雅安", "key":"雅安", "val":"", "parentKey":"四川", "index":1, }, {"txt":"四川", "key":"四川", "val":"", "parentKey":"", "index":0, }, {"txt":"崇州", "key":"崇州", "val":"", "parentKey":"成都", "index":1, }, ]; function addChildNode(pk){ for (var x in data){ if(data[x].parentKey==pk){ addChildNode(data[x].key); console.log("我是"+data[x].parentKey+"的:"+data[x].txt); } } } $.each(data,function(name,value) { if(value.index==0){ //console.log(value); addChildNode(value.key); } });

 

以上是关于最简单的无线分类,无限树形菜单解决方案的主要内容,如果未能解决你的问题,请参考以下文章

PHP无限级分类怎么查询

js中实现无限层级的树形结构(类似递归)

JQUERY实现的小巧简洁的无限级树形菜单

构造无限层级树形菜单

jsTree树形菜单分类

JS实现无限级网页折叠菜单(类似树形菜单)