快捷導(dǎo)航

采用easyui tree編寫簡(jiǎn)單角色權(quán)限代碼的方法

更新時(shí)間：2015年07月28日 11:02:09 投稿：lijiao

本文主要介紹了如何采用easyui tree編寫簡(jiǎn)單角色權(quán)限代碼，文章思路清晰,需要的朋友可以參考下

首先每個(gè)管理員得對(duì)應(yīng)一個(gè)角色，而角色可以操作多個(gè)欄目，這種情況下我們可以采用tree多選的方式：

在頁面上js代碼：

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

用了一個(gè)dialog彈出進(jìn)行實(shí)現(xiàn)ashx中傳入一個(gè)角色編號(hào)

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哪里是一個(gè)action操作參數(shù) 這個(gè)就不用我說了吧！

現(xiàn)在我們來看看輸出tree數(shù)據(jù)怎么寫：

//Tree遞歸調(diào)用
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; }
}

一個(gè)遞歸的方法就實(shí)現(xiàn)了看著是不是很簡(jiǎn)單。上面輸出json的部分調(diào)用這個(gè)方法即可

最終顯示頁面如圖：