|
C# Layui树形表格treetable（前台请求路径，后台json返回数据） 作者：秋名 撰写时间：2020 年05 月09日 需求：树形显示数据不美观，要显示点数据。。。嗯嗯，好的。
 引入文件：注意路劲不要写错（不然一直是404） ![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TTCHjoGe-1589032510860)(https://www.showdoc.cc/server/api/common/visitfile/sign/81d56b0450c9933256d6df7249586bcb?showdoc=.jpg)]](https://img-blog.csdnimg.cn/20200509215608444.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1FfTWluZ1Rhbw==,size_16,color_FFFFFF,t_70) 数据库设计：（级联）  页面
tree-table
Layui树形表格treetable
全部展开
全部折叠
刷新表格
修改
删除
layui.config({
base: '../../A_Resources/R_PC/layui/'
}).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: 0,//最上级的父级id
treeIdName: 'id',//id字段的名称
treePidName: 'pid',//pid字段的名称，父级菜单id
treeDefaultClose: true,//是否默认折叠
treeLinkage: false,//父级展开时是否自动展开所有子级
elem: '#table1',
url: 'ceshi',
page: false,
cols: [[
{ type: 'checkbox' },
{ field: 'name', title: 'name' },
{ field: 'id', title: 'id'},
{ field: 'pid', title: 'pid' },
]],
done: function (e) {
console.log(e)
layer.closeAll('loading');
}
});
};
renderTable();
$('#btn-expand').click(function () {
treetable.expandAll('#table1');
});
$('#btn-fold').click(function () {
treetable.foldAll('#table1');
});
$('#btn-refresh').click(function () {
renderTable();
});
//监听工具条
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);
}
});
});
控制层
//定义类
public class test{
public int? pid { get; set; }
public string name { get; set; }
public int? id { get; set; }
}
//C#LinQ查询
public ActionResult ceshi() {
List list1 = (from HB宿管楼栋 in myModel.HB宿管楼栋
select new test
{
id = HB宿管楼栋.宿舍楼栋ID,
name = HB宿管楼栋.宿舍楼栋MC.Trim(),
pid = HB宿管楼栋.宿舍楼层ID
}).ToList();
int totalRow = list1.Count();
List list = list1.ToList();
//封装layui table数据
LayuiTableData layuiTableData = new LayuiTableData()
{
count = totalRow,
data = list,
};
return Json(layuiTableData, JsonRequestBehavior.AllowGet);
}
|