layui基础上的tree菜单动态渲染；

 var layout=[
     {
         title:'脚本对象名称',
         treeNodes:true,
         headerClass:'value_col',
         colClass:'value_col',
         style:'width:60%'
     },
     {
         title:'操作',
         headerClass:'value_col',
         colClass:'value_col',
         style:'width:9%',
         render:function(row){
             var str='';
             if(row.parentId!=null&&row.children.length<=0){//有父元素没有子元素；
                 str = '<a class="layui-btn layui-btn-danger layui-btn-xs" onclick=del("' + row.id + '","' + row.parentId + '","' + row.children.length + '")><i class="layui-icon"></i></a>'
             }else{
                 ''
             }
             return '<a class="layui-btn layui-btn-normal layui-btn-xs" onclick=add("'+row.id+'","'+row.level+'")><i class="layui-icon"></i></a>'+
                 '<a class="layui-btn layui-btn-warm layui-btn-xs" onclick=change("' + row.id + '","' + row.title + '")><i class="layui-icon"></i></a>'+ //列渲染
                 str;
         }
     }
 ];
 var groupList;
 layui.use(['tree', 'layer','form','table'], function() {
     var $ = layui.$,
         layer = layui.layer,
         form = layui.form,
         table = layui.table;
         $.ajax({
             type: "post",
             url: "/cd/tool/scene/tree.afca",
             dataType:'json',
             success:function(data){
                 if(data.code==='0'){
                     var message=data.msg;
                     groupList=data.data;
                     layui.treeGird({
                         elem:'#demo',
                         spreadable:true,
                         nodes:groupList,
                         layout:layout
                     })
                 }
             },
             error:function(){
 
             }
         })
 
 });