欢迎来到天天文库
浏览记录
ID:34724496
大小:76.68 KB
页数:4页
时间:2019-03-10
《mvc4中easyuitree异步加载json数据生成树》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、MVC4中EasyUITree异步加载JSON数据生成树1,首先构造tree接受的格式化数据结构MODEL//////定义EasyUI树的相关数据,方便控制器生成Json数据进行传递/////[DataContract][Serializable]publicclassEasyTreeData{//////ID/////[DataMember]publicstringid{get;set;}//////节点名称/////[DataMe
2、mber]publicstringtext{get;set;}//////是否展开/////[DataMember]publicstringstate{get;set;}//////图标样式/////[DataMember]publicstringiconCls{get;set;}//////子节点集合/////[DataMember]publicListchildren{get;set;}///3、ary>///默认构造函数///publicEasyTreeData(){this.children=newList();this.state="open";}//////常用构造函数///publicEasyTreeData(stringid,stringtext,stringiconCls="",stringstate="open"):this(){this.id=id;this.text=text;this.state=state;this.iconCls4、=iconCls;}//////常用构造函数///publicEasyTreeData(intid,stringtext,stringiconCls="",stringstate="open",Listchildren=null):this(){this.id=id.ToString();this.text=text;this.state=state;this.iconCls=iconCls;this.children=children;}2,前台代码2.1,前台代码html代码<5、ulid="tt">2.2,前台代码脚本$(function(){$('#tt').tree({checkbox:false,url:'/Cultivate/GetUserTreeJson',onClick:function(node){alert(node.id);}});});3,控制器(Cultivate)的方法GetUserTreeJson'3.1,控制器(Cultivate)的方法GetUserTreeJson代码[HttpPost]publicAc6、tionResultGetUserTreeJson(){intPID=-1;ListtreeList=newList();if(PID==-1){varlist=(frompindb.cultivateswherep.NodePID==PIDorderbyp.NodeIDselectp).ToList();foreach(cultivateinfoinlist){varchild=(frompindb.cultivateswherep.NodePID==info.NodeIDorderbyp7、.NodeIDselectp).ToList();if(child.Count==0){treeList.Add(newEasyTreeData(info.NodeID,info.NodeName,"icon-user"));}else{treeList.Add(newEasyTreeData(info.NodeID,info.NodeName,"icon-user","open",GetUserTreeJson2(info.NodeID)));}}}stringjson=ToJson(treeList);returnContent(json);8、}3.2,如果有N级菜单循环代码privateListGetUserTreeJson2(intPID){Li
3、ary>///默认构造函数///publicEasyTreeData(){this.children=newList();this.state="open";}//////常用构造函数///publicEasyTreeData(stringid,stringtext,stringiconCls="",stringstate="open"):this(){this.id=id;this.text=text;this.state=state;this.iconCls
4、=iconCls;}//////常用构造函数///publicEasyTreeData(intid,stringtext,stringiconCls="",stringstate="open",Listchildren=null):this(){this.id=id.ToString();this.text=text;this.state=state;this.iconCls=iconCls;this.children=children;}2,前台代码2.1,前台代码html代码<
5、ulid="tt">2.2,前台代码脚本$(function(){$('#tt').tree({checkbox:false,url:'/Cultivate/GetUserTreeJson',onClick:function(node){alert(node.id);}});});3,控制器(Cultivate)的方法GetUserTreeJson'3.1,控制器(Cultivate)的方法GetUserTreeJson代码[HttpPost]publicAc
6、tionResultGetUserTreeJson(){intPID=-1;ListtreeList=newList();if(PID==-1){varlist=(frompindb.cultivateswherep.NodePID==PIDorderbyp.NodeIDselectp).ToList();foreach(cultivateinfoinlist){varchild=(frompindb.cultivateswherep.NodePID==info.NodeIDorderbyp
7、.NodeIDselectp).ToList();if(child.Count==0){treeList.Add(newEasyTreeData(info.NodeID,info.NodeName,"icon-user"));}else{treeList.Add(newEasyTreeData(info.NodeID,info.NodeName,"icon-user","open",GetUserTreeJson2(info.NodeID)));}}}stringjson=ToJson(treeList);returnContent(json);
8、}3.2,如果有N级菜单循环代码privateListGetUserTreeJson2(intPID){Li
此文档下载收益归作者所有