EasyUI-TreeGrid

 

 public ActionResult MenuListData()
        {
            //使treegrid出现展开列表，有两种方式
            //1.实体中增加state=‘closed’展开      state=‘open’根节点
            //2.实体中增加children:list<menus>

            Menus model1 = new Menus() { Id = 1, Name = "Name1", LevesId = 1, ParentId = 0 };
            Menus model2 = new Menus() { Id = 2, Name = "Name2", LevesId = 1, ParentId = 0 };
            Menus model3 = new Menus() { Id = 3, Name = "Name3", LevesId = 1, ParentId = 0 };

            Menus model4 = new Menus() { Id = 4, Name = "Name4", LevesId = 2, ParentId = 1 };
            Menus model5 = new Menus() { Id = 5, Name = "Name5", LevesId = 2, ParentId = 1 };
            Menus model6 = new Menus() { Id = 6, Name = "Name6", LevesId = 2, ParentId = 2 };

            List<Menus> list1 = new List<Menus>();
            list1.Add(model4);
            list1.Add(model5);

            List<Menus> list2 = new List<Menus>();
            list2.Add(model6);

            model1.children = list1;
            model2.children = list2;

            List<Menus> list = new List<Menus>();
            list.Add(model1);
            list.Add(model2);
            list.Add(model3);

            return Json(list);
        }

 

$(function () {
        $('#tt').treegrid({
            url: '/Menu/MenuListData',
            idField: 'Id',
            treeField: 'Id',
            columns: [[
                { title: 'Id', field: 'Id', width: 100 },
                { field: 'Name', title: 'Name', width: 160},
                { field: 'LevesId', title: 'LevesId', width: 80 },
                { field: 'ParentId', title: 'ParentId', width: 80 },
                {
                    field: 'ParentId1', title: '操作', width: 80, formatter: function (value, row, index) {
                        if (row.LevesId==1) {
                            return "<a href='javascript:void(0)'>添加功能点</a>";
                        }
                    }
                }
            ]],
            onBeforeLoad: function (row, param) {
                if (row) {
                    $(this).treegrid('options').url = '/Menu/MenuListData' + row.Id;
                } else {
                    $(this).treegrid('options').url = '/Menu/MenuListData';
                }
            }
        });
    })