目的: 动态树状结构,ajax 从后台获取所有树以及那些节点被选中,支持多选。
easy ui tree的介绍:http://www.jeasyui.com/documentation/tree.php
实现步骤:
1) 后台定义树的数据结构:
public class TreeNode {
public String id;
public String text;
public boolean checked = false;
//这里是一级树,没有子树,需要的话定义children
... ... get set 方法省略。
前端代码:
$('#ptree').tree({
url:"/myapp/getPermission.do",
method:"get",
checkbox:true
})
通过ajax动态获取树状结构以及选中节点。这里返回的是List<TreeNode>结构,没有根节点。如果TreeNode里定义了children子树,可以直接返回整棵树。
效果: