css左树右表,layui左树dtree右列表table

layui左树dtree右列表table

dtree样式引入

字体引入位置：static/layuiadmin/dtree/font/dtreefont.css

样式引入位置：static/layuiadmin/dtree/dtree.css

js引入位置：static/layuiadmin/modules/dtree.js

前端页面

xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

layui左树dtree右列表table

content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

名称：

查询

添加

删除

导出

class="layui-btn">下载模板

id="impExcel" multiple="multiple" accept=".xls,.xlsx,.csv">

导入

编辑

删除

layui.config({

base: '../layuiadmin/' //静态资源所在路径

}).extend({

index: 'lib/index' //主入口模块

}).use(['index', 'form', 'table', 'util', 'dtree', 'admin', 'excel'], function () {

var $ = layui.$,

form = layui.form;

var table = layui.table;

var util = layui.util;

var admin = layui.admin;

var dtree = layui.dtree;

// 树形渲染

var renderTree = dtree.render({

elem: '#ltTree',

url: '../getDtreeList',

dataStyle: "layuiStyle", //使用layui风格的数据格式

dataFormat: "list", //配置data的风格为list

response: {message: "msg", statusCode: 0} //修改response中返回数据的定义

});

// 渲染表格

var renderTable = function (pid, cloumn, Keyword) {

console.log("--pid--" + pid + ",cloumn=" + c