layui tree数据格式转换

layui tree 数据格式转换

layui官网
版本:2.5.5

在获取数据构建tree中,数据一般为两种形式:

1、json格式,以id pid表征父子节点关系

    var data1=[
        {id:'aa',pId:'0',text:'root1'},
        {id:'bb',pId:'aa',text:'left1'},
        {id:'cc',pId:'aa',text:'left2'},
        {id:'dd',pId:'0',text:'root2'},
        {id:'ee',pId:'dd',text:'left3'},
    ];

2、树状格式,以children表征子节点关系

var data2= [{
    title: '早餐'
    ,id: 1
    ,children: [{title: '油条' ,id: 5 },
    				{title: '包子',id: 6},
    				{title: '豆浆',id: 7}
    				],
  }];

layui支持第二种数据格式,故需要将json格式(id pId表示)转换为具有children的树状层次数据格式

主要思想:循环遍历json数据格式,根据pId找寻子节点,递归拼凑出数据结构。

根据data1生成tree效果如下:
layui tree数据格式转换_第1张图片
源码如下:




    
    
    


    

你可能感兴趣的:(前端,layui,tree)