MVC4 +EasyUI 使用TreeGrid 方法

用easyui已经有2年了，换了新环境，要求用mvc开发，所以想把原来的项目直接用mvc重构。

在使用TreeGird的时候出现了问题，发现在转换为treegrid的json 很费劲，一直都是用的easyui 的手动转换类。

突然用mvc 又不想使用json数据拼接的方式，就这样纠结了2天。

今天无意中重新看了一边easyui treegrid的demo，发现原来easyui 早就提供了另外一种解决方案。恍然大悟。

 <script type="text/javascript">
                    $(function () {
                        $('#tg').treegrid({
                            title: '菜单导航',
                            iconCls: 'icon-ok',
                            url: '/Admin/power/GetList',
                             700,
                            height: 250,
                            method: 'get',
                            rownumbers: true,
                            idField: 'NavCode',
                            treeField: 'NavName',
                            columns: [[
                                { field: 'NavName', title: 'Persons',  150 },
                                { field: 'NavCode', title: 'Task Name',  180 },
                                { field: 'iconCls', title: 'Begin Date',  80 }
                            ]]
                        });
                    })
                </script>
                <table id="tg"></table>

  public ActionResult GetList()
        {
            List<power_Nav> list = db.power_Nav.ToList().OrderByDescending(m => m.NavCode).ToList();
            List<object> result = new List<object>(); 
            foreach (power_Nav nav in list)
            {
                if (nav.ParentCode.Equals("0"))
                {
                    result.Add(new { NavCode = nav.NavCode, NavName = nav.NavName,iconCls=nav.iconCls });
                }
                else
                {
                    result.Add(new { NavCode = nav.NavCode, NavName = nav.NavName, iconCls = nav.iconCls, _parentId = nav.ParentCode });
                }
            }
            var json = new
            {
                total = list.Count,
                rows = result
            };
            return Json(json, JsonRequestBehavior.AllowGet);

        }

最后附上效果图