TreeGrid树状表格

表格树功能，支持折叠记忆，多选，方法式打开或折叠任意节点

基本使用

<!-html->
<table class="layui-table" id="treeGrid" lay-filter="treeGrid"></table>

// js
treeGrid.render({
     id: 'treeGrid',
     elem: '#treeGrid',
     url: url,
     where: params,
     limits: Number.MAX_VALUE,
     isOpenDefault: false,//节点默认是展开还是折叠【默认展开】
     idField: 'proId',//必須字段
     treeId: 'proId',//树形id字段名称
     treeUpId: 'proParId',//树形父id字段名称
     treeShowName: 'companyName',//以树形式显示的字段
     cols: [
         [
             {
                 width: '50', title: '<input type=\'checkbox\' lay-skin="primary" class="allSelect" lay-					filter="allSelect" >', 
                 templet: function (d) {
                    return "<input type='checkbox' parentId='" + d.proParId + "' treeId='" + d.proId + "' 								name='selectItem[" + d.proId + "]' class='checkboxBtn' lay-filter='selectItem' 								lay-skin=\"primary\" >"
                 }
             },
             { field: 'companyName', width: '77%', title: '项目名称', edit: 'text' },
             { field: 'typeView', width: '17%', title: '公司/项目标识', edit: 'text' }
         ]
     ]
})

效果演示

Api

参数	说明	类型	默认值	可选值
isOpenDefault	默认展开还是折叠节点	Boolean	true	false
treeId	树形id字段名称	String	--	--
treeUpId	树形父id字段名称	String	--	--
treeShowName	以树形式显示的字段	String	--	--
idField	必須字段	String	--	--
onClickRow	行单击事件	Function	--	--
treeOpenAll(id,isOpen)	展开/关闭全部（绑定DOM的ID，isOpen接收布尔值）	Function
reload()	重载实例	Function