目录
前言
本章给大家讲解的是Easyui的tree树组件的使用以及后台实现。
Tree树组件与案例演示
效果:
数据库设计:
使用的数据:
- 其中的字段是根据要生成的树节点的属性定义的。
- id:节点ID
- name:显示节点本文
- ismenu:是否为一个节点
需要导入的包:
导入的js:
html代码:
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">
<ul id="tt"></ul>
</div>
<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
<div data-options="region:'center',title:'Center'"></div>
</body>
js代码:
$(function(){
$('#tt').tree({
url:'tree_data1.json'
});
})
实体类:
public class Permission {
private long id;
private String name;
private String description;
private String url;
private long pid;
private int ismenu;
private long displayno;
public long getId