如何採用easyui tree編寫簡單角色權限代碼

首先每一個管理員得對應一個角色：

而角色能夠操做多個欄目，這種狀況下咱們能夠採用tree多選的方式：

在頁面上js代碼：

                    $('#Permission').dialog({ title: '欄目權限', closed: false });
                    $('#rtt').tree({
                        url: 'ashx/RoleService.ashx?action=RoleTree&Rid=' + raw.ID,
                        method: 'get',
                        animate: true,
                        checkbox: true
                    });
                    $('#Rid').val(raw.ID);

 用了一個dialog彈出進行實現ashx中傳入一個角色編號

C#代碼爲：

                case "RoleTree":
                    string Rid = context.Request.Params["Rid"];
                    int Roleid = Convert.ToInt32(Rid);
                    List<tree> treelist = getChildren("Angel_Admin_Navigation", "0", Roleid);
                    Newtonsoft.Json.Converters.IsoDateTimeConverter timeConverter = new Newtonsoft.Json.Converters.IsoDateTimeConverter();
                    timeConverter.DateTimeFormat = "yyyy'-'MM'-'dd";
                    string ResJsonStr = JsonConvert.SerializeObject(treelist, Formatting.Indented, timeConverter);
                    context.Response.ContentType = "text/plain";
                    context.Response.Clear();
                    context.Response.Write(ResJsonStr);

 case哪裏是一個action操做參數 這個就不用我說了吧！

如今咱們來看看輸出tree數據怎麼寫：

        //Tree遞歸調用
        public List<tree> getChildren(string tableName, string fid, int RoleId)
        {
            DBHelperSql Dbhelper = new DBHelperSql();
            List<tree> list = new List<tree>();
            DataTable dt = Dbhelper.GetDataTable(tableName, " ParentId='" + fid + "' ");
            if (dt.Rows.Count > 0)
            {
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    tree tree = new tree();
                    tree.id = dt.Rows[i]["NavName"].ToString();
                    tree.text = dt.Rows[i]["TitleName"].ToString();
                    if(OperateBll.IsRoleoperateDataExist(dt.Rows[i]["NavName"].ToString(),RoleId)){
                    tree.@checked =true;
                    }
                    tree.children = getChildren(tableName, dt.Rows[i]["id"].ToString(),RoleId);
                    list.Add(tree);
                }
            }
            else
                list = null;

            return list;
        }
        //tree屬性
        public class tree
        {
            public string id { get; set; }
            public string text { get; set; }
            public bool @checked { get; set; }
            public List<tree> children { get; set; }
        }

 一個遞歸的方法就實現了 看着是否是很簡單。上面輸出json的部分調用這個方法便可

最終顯示頁面如圖：

有時候easyui用習慣了真的很不錯，以上代碼但願能幫到須要的同窗。