layer动态获取树形结构

一、版本

前置条件layer2,5,0以上的版本,每个版本的用法可能有所不同。

二、代码详解

1、初始化tree

var tree;
layui.use(['tree', 'util'], function(){
    tree = layui.tree
        ,layer = layui.layer
});

2、data组装
function changeResult(num) {
    var list=[];
    var commandList = result[num].commandList;
    var obj={}
    for(var i =0 ;i< commandList.length ; i++){
        var o=commandList[i]
        obj[o.commandCode]={
            parent:o.parentCode,
            level:o.commandLevel,
            title:o.commandName,
            id:o.commandCode,
            children:[],
        }
    }
    for (var key in obj){
        var o =obj[key]
        if (o.level==='1') continue
        if (obj[o.parent] !== undefined) {
            obj[o.parent].children.push(o)
        }
    }

    for (var key in obj){
        if (obj[key].level==='1'){
            list.push(obj[key])
        }
    }

    //常规用法
    tree.render({
        elem: '#jobContent' //默认是点击节点可进行收缩
        ,data: list
    });
}

 

你可能感兴趣的:(layer动态获取树形结构)