采用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用习惯了真的很不错，以上代码希望能帮到需要的同学。

以上就是本文的全部内容，希望大家可以喜欢。