引入了layui2.8.0之上的版本，页面还是显示的和table一样

Question

引入了layui2.8.0之上的版本，传入数据后，页面还是显示的和table一样，有知道怎么弄吗？treetable需要返回的数据格式要带children吗？

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_LayoutMaster.cshtml";
}
<div class="layui-inline" id="searchKeywordf" style="margin-left:5px">
    <input type="text" autocomplete="off" id="keyword" placeholder="关键字..." class="layui-input">
</div>
<button id="query" type="button" class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon layui-icon-search"></i>查询</button>
<button id="add" type="button" class="layui-btn layui-btn-sm"><i class="layui-icon layui-icon-addition"></i>新增</button>

<table id="ModuleTable" lay-filter="ModuleTable" class="layui-hide"></table>

<script type="text/html" id="tool">
    <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="detail"><i class="layui-icon layui-icon-edit"></i>详情</button>
    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="edit"><i class="layui-icon layui-icon-delete"></i>编辑</button>
</script>
//layui.config({
    //    base: '../../Content/layui/src/modules/'    //treetable文件路径
    //}).extend({
    //    treeTable: 'treeTable'     //插件名称
    //});
    layui.use(['layer', 'form', 'treeTable','table'], function () {
        var table = layui.table;
        var layer = layui.layer;
        var treeTable = layui.treeTable;

       // 渲染
        treeTable.render({
                elem:'#ModuleTable',
                url: '/Module/getModule',
                height: 'full-210',
                toolbar:true,
                defaultToolbar: ['filter', 'print', 'exports'],
                page: true,
                tree: {
                        customName: {
                        children: "children", // 节点数据中保存子节点数据的属性名称
                        isParent: "isParent", // 节点数据保存节点是否为父节点的属性名称
                        name: "MODULENAME", // 节点数据保存节点名称的属性名称
                        id: "MODULEID", // 唯一标识的属性名称
                        pid: "PARENTID", // 父节点唯一标识的属性名称
                        icon: "MENUICON" // 图标的属性名称
                   }
                },
                cols:[[
                    { field: 'ID', title: '序号', width: 80, templet: function (obj) { return obj.LAY_INDEX; } },
                    { field: 'MODULEID', title: '菜单代码'},
                    { field: 'MODULENAME', title: '菜单名称'},
                    { field: 'MODULEDESCRIPTION', title: '描述'},
                    { field: 'MODULEURL', title: '菜单路由'},
                    { field: 'MENUICON', title: '图标', align: 'center', templet: '<div><i class="layui-icon {{d.MENUICON}}"></i></div>' },
                    { field: 'ORDERNO', title: '顺序号', align: 'center'},
                    { field: 'USERCREATED', title: '创建人', align: 'center'},
                    { field: 'TIMECREATED', title: '创建时间', align: 'center'},
                    { field: 'PARENTID', title: '父ID'},
                    { toolbar: '#tool', align: 'center', title: '操作' }
                ]]
        });
    });
//后台代码
public ActionResult getModule(int limit, int page)
        {
            List<SysModuleModel> list = bll.getModule();
            List<SysModuleModel> list2 = new List<SysModuleModel>();
            list2 = list.OrderBy(a => a.ID).Skip(limit * (page - 1)).Take(limit).ToList();
            
            var result = new
            {
                code = 0,
                msg = "",
                count = list.Count(),
                data = list2.ToList()//返回的是list
            };
            return Json(result, JsonRequestBehavior.AllowGet);
        }

Answer 1

问题已解决，具体参考https://blog.csdn.net/weixin_45901262/article/details/132055688