.net core layui折叠表格的应用。

效果展示

头部的折叠，展开，搜索按钮

class="layui-fluid">

    
"margin-top: 20px;">
        
class="layui-btn-group">
            class="layui-btn " id="btn-expand">class="layui-icon layui-icon-down"> 全部展开
            class="layui-btn " id="btn-fold">class="layui-icon layui-icon-left"> 全部折叠
            class="layui-btn " id="btn-refresh">class="layui-icon layui-icon-loading"> 刷新表格
        
        
class="layui-inline">
            class="layui-input" id="edt-search" value="" placeholder="输入关键字">
        

        class="layui-btn" id="btn-search" type="button">搜索
    

"table1"class="layui-table" lay-filter="table1">

下载module/treetable-lay整个文件夹，放在你的项目里面，然后使用模块加载的方式使用：

注意：
可以使用url传递数据，也可以使用data传递数据，如果使用url传递数据，参数是where字段， 跟layui数据表格的使用方式一致。

数据格式

总而言之就是以id、pid的形式，不是以subMenus的形式，当然id、pid这两个字段的名称可以自定义：

1. {
2. "code": 0,
3. "msg": "ok",
4. "data": [{
5. "id": 1,
6. "name": "xx",
7. "sex": "male",
8. "pid": -1
9. },{
10. "id": 2,
11. "name": "xx",
12. "sex": "male",
13. "pid": 1
14. }
15. ]
16. }

2.3.参数说明

layui数据表格的所有参数都可以用，除此之外treetable新增的参数有：

2.3.参数说明

layui数据表格的所有参数都可以用，除此之外treetable新增的参数有：

根据需求按条件拿到自己需要的DataTable数据

 public IActionResult ManagerProgress(int TempId)
        {
            int RecordCount = 0;
            List Variable = new List()
            {
                 new DtItem("TempId",SqlDbType.Int,4,TempId),  
            };
            var listData = SqlProcedure.getDataTable(Variable, "CoreNetPrejectItem_GetList", out RecordCount);//调用得是存储过程方法
            DataTable dtlist = listData;
            ProgressList(dtlist);
            return View();
        }

用DataTable传送数据拼接成需要的数据格式

 public void ProgressList(DataTable dtlist)
        {
            if (dtlist != null && dtlist.Rows.Count > 0)
            {
                string json = "{\"code\": 0,\"msg\": \"ok\",\"data\": [";
                foreach (DataRow item in dtlist.Rows)
                {
                    json += " {\"id\": "
                        + int.Parse(item["StageId"].ToString())
                        + ", \"name\": \"" + item["PrejectName"].ToString()
                        + "\",\"PlanStart\":\"" + item["StartTime"].ToString()
                        + "\",\"PlanEnd\":\"" + item["EndTime"].ToString()
                        + "\",\"ActualTime\":\"" + item["ConcreteTime"].ToString()
                        + "\",\"FisStatus\": " + int.Parse(item["State"].ToString())
                        + ",\"FisPeriod\": " + int.Parse(item["Period"].ToString())
                        + ",\"BuggetMoney\": " + decimal.Parse(item["MonthlyPrice"].ToString())
                        + ",\"FinalMoney\": " + decimal.Parse(item["BudgetPrice"].ToString())
                        + ",\"RespDepartmentName\": \"" + item["DepartName"].ToString()
                        + "\",\"ResUidName\": \"" + item["UserName"].ToString()
                        + "\",\"Kid\": " + int.Parse(item["Id"].ToString())
                        + ",\"pid\": " + int.Parse(item["PId"].ToString())
                        + "},";
                }
                json = json.TrimEnd(',');
                json += "]}";
                //目录名
                string sFilePath = FileHelper.CheckAndCreateFile("UpFile/tree.json", true);
                FileHelper.SaveFile(sFilePath, json, "utf-8");
            }
        }

 百度搜索layui折叠表格也可以搜到的，只不过数据接口的json格式需要自己根据实际情况采用拼接还是其他方法。