easyui之combotree下拉框多选框

1、导入easyui相关jar包
在这里插入图片描述注意:引入easyui的js时,如果同时需要引入jquery.js。在使用的时候,需要先加载jquery.js,否则的话,会导致easyui的js失效。
2、前端代码的实现
在这里插入图片描述注意:在html或jsp页面,写一个select下拉列表,class='easyui-combotree’即可。
3、获取数据并渲染到标签上
在这里插入图片描述注意:
通过$("#ddlLine").combobox(“getValues”);获得选中的所有value值。

通过$("#ddlLine").combobox(“getValue”);获得选中的第一个value值。

通过$("#ddlLine").combobox(“getText”);获得选中的文本值。
具体案例:
在这里插入图片描述
4、数据的回显
具体案例:
在这里插入图片描述
注意:
1、先获取未被选中的多选框节点
//获取未选中的节点 value值为:node.id text值:node.text
var nodes = $("#ddlLine").combotree(‘tree’).tree(‘getChecked’, ‘unchecked’);

2、将后端获取的内容,渲染到多选框中
$("#ddlLine").combotree(‘tree’).tree(‘check’,nodes[i].target);//选中指定的节点

总结:多参考官方文档开发,有利于提升自己的开发能力。如有不清楚的,欢迎私聊我。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sinJack

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值