EasyUi之Tree1

主页：

<ul id="box">

</ul>

js页面

$(function(){
$('#box').tree({
url:'../js/code/tree.json',
animate:true,
checkbox:true,
lines:true
});
});

json页面

[
{
"id":1,
"text":"系统管理",
"iconCls":"icon-save",
"children":[
{
"text":"主机信息",
"state":"closed",
"children":[
{
"text":"新增主机",
"checked":true
},
{
"text":"修改主机"

}
]

},
{
"text":"更新信息"

},
{
"text":"程序信息"

}
]
},
{
"id":2,
"text":"会员管理",
"children":[
{
"text":"新增管理"

},
{
"text":"修改管理"

}
]
}
]

两个必不可少：

1、[]表示json

2、text必不可少

3、children必不可少

示例：

若加入lines则为：