首页 > 代码库 > EasyUI之tree组件与treegrid组件
EasyUI之tree组件与treegrid组件
最近做了一个使用EasyUI的基于角色的权限分配系统，在这个过程中为了有更好的用户体验（也在网上找了挺多关于该系统的界面），先上我做的截图：
虽然，后台的逻辑上并不难，但是这个EasyUI的tree组件和treegrid组件，确实让我废了一大把力气》》好了废话不多说，开始正题：
一：tree组件
每个节点都具备以下属性：
-
id：节点ID，对加载远程数据很重要。
-
text：显示节点文本。
-
state：节点状态，‘open‘ 或 ‘closed‘，默认：‘open‘。如果为‘closed‘的时候，将不自动展开该节点。
-
checked：表示该节点是否被选中。
-
attributes: 被添加到节点的自定义属性。
-
children: 一个节点数组声明了若干节点。
一下是文档的示例：
[{
"id":1,
"text":"Folder1",
"iconCls":"icon-save",
"children":[{
"text":"File1",
"checked":true
},{
"text":"Books",
"state":"open",
"attributes":{
"url":"/demo/book/abc",
"price":100
},
"children":[{
"text":"PhotoShop",
"checked":true
},{
"id": 8,
"text":"Sub Bookds",
"state":"closed"
}]
}]
},{
"text":"Languages",
"state":"closed",
"children":[{
"text":"Java"
},{
"text":"C#"
}]
}]
换言之，从后台无论你是用什么办法，传到前台的只有是上述的格式，它才会被解析！（其实有些东西确实是bug，反正我用拼接字符串的方式返回JSON到前台，浏览器的NetWork都能够正确解析，EasyUI就是不显示数据！，而当我用JSON包，一个个Put进去之后再往前台打数据的时候，神奇的事情发生了，EasyUI识别了！但浏览器的NetWork解析的数据却是一样的，其实我想说：还是以官方的东西为准吧！）
要解析成上述的格式必须用到递归（一下介绍两种递归的方式）：
EasyUI之tree组件与treegrid组件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。