function del(nodeId) { alert(nodeId) } /*分类-停用*/ function member_stop(obj, id) { var confirmTip; if($(obj).attr('title') == '启用') { confirmTip = '确认要停用吗?'; } else { confirmTip = '确认要启用吗?'; } layer.confirm(confirmTip, function(index) { if($(obj).attr('title') == '启用') { //发异步把用户状态进行更改 $(obj).attr('title', '停用') $(obj).find('i').html(''); $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用'); layer.msg('已停用!', { icon: 5, time: 1000 }); } else { $(obj).attr('title', '启用') $(obj).find('i').html(''); $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用'); layer.msg('已启用!', { icon: 6, time: 1000 }); } }); } //自定义的render渲染输出多列表格 var layout = [{ name: '菜单名称', treeNodes: true, headerClass: 'value_col', colClass: 'value_col', style: 'width: 60%' }, { name: '状态', headerClass: 'td-status', colClass: 'td-status', style: 'width: 10%', render: function(row) { return '已启用'; } }, { name: '操作', headerClass: 'td-manage', colClass: 'td-manage', style: 'width: 20%', render: function(row) { return '' + '' + '' + '\'; //return ' 删除'; //列渲染 } }, ]; //加载扩展模块 treeGird // layui.config({ // base: './static/js/' // ,version: '101100' // }).use('admin'); layui.extend({ admin: '{/}../../static/js/admin', treeGird: '{/}../../lib/layui/lay/treeGird' // {/}的意思即代表采用自有路径,即不跟随 base 路径 }); layui.use(['treeGird', 'jquery', 'admin', 'layer'], function() { var layer = layui.layer, $ = layui.jquery, admin = layui.admin, treeGird = layui.treeGird; var tree1 = layui.treeGird({ elem: '#demo', //传入元素选择器 spreadable: true, //设置是否全展开,默认不展开 nodes: [{ "id": "1", "name": "父节点1", "children": [{ "id": "11", "name": "子节点11" }, { "id": "12", "name": "子节点12" } ] }, { "id": "2", "name": "父节点2", "children": [{ "id": "21", "name": "子节点21", "children": [{ "id": "211", "name": "子节点211" }] }] } ], layout: layout }); $('#collapse').on('click', function() { layui.collapse(tree1); }); $('#expand').on('click', function() { layui.expand(tree1); }); });