layui.config({

base: 'module/'

}).extend({

treetable: 'treetable-lay/treetable'

}).use(['layer', 'table', 'treetable'], function () {

var $ = layui.jquery;

var table = layui.table;

var layer = layui.layer;

var treetable = layui.treetable;

// 渲染表格

var renderTable = function () {

layer.load(2);

treetable.render({

treeColIndex: 1,

treeSpid: -1,

treeIdName: 'id',

treePidName: 'pid',

treeDefaultClose: false,

treeLinkage: false,

elem: '#table1',

url: 'json/data.json',

page: false,

cols: [[

{type: 'numbers'},

{field: 'name', title: 'name'},

{field: 'id', title: 'id'},

{field: 'sex', title: 'sex'},

{field: 'pid', title: 'pid'},

{templet: '#oper-col', title: 'oper'}

]],

done: function () {

layer.closeAll('loading');

}

});

};

renderTable();

$('#btn-expand').click(function () {

treetable.expandAll('#table1');

});

$('#btn-fold').click(function () {

treetable.foldAll('#table1');

});

$('#btn-refresh').click(function () {

renderTable();

});

//監(jiān)聽工具條

table.on('tool(table1)', function (obj) {

var data = obj.data;

var layEvent = obj.event;

if (layEvent === 'del') {

layer.msg('刪除' + data.id);

} else if (layEvent === 'edit') {

layer.msg('修改' + data.id);

}

});

});

總結(jié)

以上是生活随笔為你收集整理的layui按钮展开、_layui可折叠的组织架构树形图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。