jQuery Easyui 下拉树组件combotree


Posted in Javascript onDecember 16, 2016

jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多,只是在显示上有点差别:一个显示成树状结构,一个显示成列表结构。

项目中做角色授权时,需要做一个下拉框带树结构的 并且可以多选的组件,就想到了easyui的combotree,有关这个组件的用法废话不多说,直接上代码

$('#bianhao').combotree({ 
        url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel=' 
            + $('#jibie').combobox('getValue'), 
        editable : false, 
        cascaseCheck : true, 
        method : 'POST', 
<span>       </span>//下面注释的代码是 不可以选择父节点,如果需要,直接打开注释 
        // onSelect : function(node) { 
        // // 返回树对象 
        // var tree = $(this).tree; 
        // // 选中的节点是否为叶子节点,如果不是叶子节点,清除选中 
        // var isLeaf = tree('isLeaf', node.target); 
        // if (!isLeaf) { 
        // // 清除选中 
        // $('#bianhao').combotree('clear'); 
        // } 
        // } 
        multiple : true 
          // 是否多选 
      });

由于做授权需要获取父节点的实心节点,就是半选状态,通过以下代码可以获取所有半选状态的id与text

var checknodes = $('#bianhao').combotree('tree').tree('getChecked', 
      ['indeterminate']); 
  $.each(checknodes, function(index, domEle) { 
        s += domEle.id + ','; 
      });

下面给大家介绍下属性事件和方法。

jQuery Easyui 下拉树组件combotree

以上所述是小编给大家介绍的jQuery Easyui 下拉树组件combotree,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
IE8 引入跨站数据获取功能说明
Jul 22 Javascript
js 返回时间戳所对应的具体时间
Jul 20 Javascript
理解Javascript_12_执行模型浅析
Oct 18 Javascript
range 标准化之获取
Aug 28 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
详解vue+css3做交互特效的方法
Nov 20 Javascript
JavaScript定时器设置、使用与倒计时案例详解
Jul 08 Javascript
javascript自定义日期比较函数用法示例
Jul 22 Javascript
JS实现字符串转驼峰格式的方法
Dec 16 #Javascript
详解js数组的完全随机排列算法
Dec 16 #Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 #Javascript
基于Vue如何封装分页组件
Dec 16 #Javascript
使用ionic切换页面卡顿的解决方法
Dec 16 #Javascript
详解如何较好的使用js
Dec 16 #Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 #Javascript
You might like
php实例分享之html转为rtf格式
2014/06/02 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
JS实现简单的Canvas画图实例
2013/07/04 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
基于JavaScript实现类似于百度学术高级检索功能
2016/03/02 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
vue params、query传参使用详解
2017/09/12 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
写gulp遇到的ES6问题详解
2018/12/03 Javascript
小程序实现点击tab切换左右滑动
2020/11/16 Javascript
python socket 超时设置 errno 10054
2014/07/01 Python
Python fileinput模块使用实例
2015/06/03 Python
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
Python3进制之间的转换代码实例
2019/08/24 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
Prototype如何更新局部页面
2013/03/03 面试题
应届生污水处理求职信
2013/11/06 职场文书
淘宝客服自我总结鉴定
2014/01/25 职场文书
物流毕业生个人的自我评价
2014/02/13 职场文书
小学安全汇报材料
2014/08/14 职场文书
红领巾心向党演讲稿
2014/09/10 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
导游词之千岛湖
2019/09/23 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
MySQL创建管理KEY分区
2022/04/13 MySQL
Nginx报404错误的详细解决方法
2022/07/23 Servers