EasyUI为Tree节点增加额外的属性

查看了Tree的节点构造，$.data(_b3[0],"tree-node",{id:_b2.id,text:_b2.text,iconCls:_b2.iconCls,attributes:_b2.attributes});，只有id、text、iconCls和attributes属性，如果要增加一些属性，比如tag或者userLevel该怎么办呢？

很简单只需要在tree-node的构造方法中增加参数：
//在tree-node上增加了tag和mgrlevel属性
$.data(_b3[0],"tree-node",{id:_b2.id,text:_b2.text,iconCls:_b2.iconCls,
tag:_b2.tag,
mgrlevel:_b2.level,
attributes:_b2.attributes});

在后台代码中的json：

Code:

1. HttpRequestRequest=context.Request;
2. HttpResponseResponse=context.Response;
4. SopDataContextdbContext=null;
5. if(context.Application["DBContext"]!=null){
6. dbContext=(SopDataContext)context.Application["DBContext"];
7. }else{
8. dbContext=newSopDataContext();
9. context.Application["DBContext"]=dbContext;
10. }
12. StringBuilderbuilder=newStringBuilder();
13. builder.Append("[");
14. List<HRManager>areaManagers=……
15. for(inti=0;i<areaManagers.Count;i++){
16. builder.AppendFormat("{{/"id/":/"{0}/",/"text/":/"{1}/",/"iconCls/":/"icon-city/",/"state/":/"closed/",/"tag/":/"T{0}/",/"level/":/"{2}/"}}",areaManagers[i].UserID,areaManagers[i].User.UserName,areaManagers[i].User.MgrLevel);
17. if(i!=areaManagers.Count-1){
18. builder.Append(",");
19. }
20. }
21. builder.Append("]");
22. Response.AddHeader("Content-type","text/json;charset=utf-8");
23. Response.Write(builder.ToString());
24. Response.End();

前台页面：

Code:

1. <link rel="stylesheet" type="text/css" href="../Scripts/easyui/themes/default/easyui.css" />
   <script type="text/javascript" src="../Scripts/easyUI/jquery.easyui.min.js"></script>
   
2. <link rel="stylesheet" type="text/css" href="../Scripts/easyui/themes/icon.css" />
   
   <script type="text/javascript" src="../Scripts/jquery-1.4.2.min.js"></script>
3. <scripttype="text/javascript">
4. vartreeSelector='#hrTree';
5. $(function(){
6. $(treeSelector).tree({
7. checkbox:false,
8. url:'HRManagerPage.ashx',
9. onLoadError:function(){
10. alert("加载数据失败，请稍后再试.");
11. },
12. onBeforeExpand:function(node,param){
13. //获取子节点
14. $(treeSelector).tree('options').url='HRManagerPage.ashx?uid='+node.id;
15. },
16. onDblClick:function(node){
17. //获取父节点
18. varn=$(treeSelector).tree('getParent',node.target)
19. alert(node.mgrlevel);
20. }
21. });
22. });
23. </script>
24. <ulid="hrTree"></ul>