首页 > 代码库 > java、js中实现无限层级的树形结构(类似递归)
java、js中实现无限层级的树形结构(类似递归)
js中:
var zNodes=[
{id:0,pId:-1,name:"Aaaa"},
{id:1,pId:0,name:"A"},
{id:11,pId:1,name:"A1"},
{id:12,pId:1,name:"A2"},
{id:13,pId:1,name:"A3"},
{id:2,pId:0,name:"B"},
{id:21,pId:2,name:"B1"},
{id:22,pId:2,name:"B2"},
{id:23,pId:2,name:"B3"},
{id:3,pId:0,name:"C"},
{id:31,pId:3,name:"C1"},
{id:32,pId:3,name:"C2"},
{id:33,pId:3,name:"C3"},
{id:34,pId:31,name:"x"},
{id:35,pId:31,name:"y"},
{id:36,pId:31,name:"z"},
{id:37,pId:36,name:"z1123"} ,
{id:38,pId:37,name:"z123123123"}
];
function treeMenu(a){
this.tree=a||[];
this.groups={};
};
treeMenu.prototype={
init:function(pid){
this.group();
return this.getDom(this.groups[pid]);
},
group:function(){
for(var i=0;i<this.tree.length;i++){
if(this.groups[this.tree[i].pId]){
this.groups[this.tree[i].pId].push(this.tree[i]);
}else{
this.groups[this.tree[i].pId]=[];
this.groups[this.tree[i].pId].push(this.tree[i]);
}
}
},
getDom:function(a){
if(!a){return ‘‘}
var html=‘\n<ul >\n‘;
for(var i=0;i<a.length;i++){
html+=‘<li><a href="http://www.mamicode.com/#">‘+a[i].name+‘</a>‘;
html+=this.getDom(this.groups[a[i].id]);
html+=‘</li>\n‘;
};
html+=‘</ul>\n‘;
return html;
}
};
var html=new treeMenu(zNodes).init(0);
alert(html);
java:
转载地址: http://www.iteye.com/topic/1119961
java、js中实现无限层级的树形结构(类似递归)