easy ui tree + checkbox多选

目的: 动态树状结构,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子树,可以直接返回整棵树。


效果:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值