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 相关文章推荐
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
详解JavaScript 中的批处理和缓存
Nov 19 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全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
php 强制下载文件实现代码
2013/10/28 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
php中的依赖注入实例详解
2019/08/14 PHP
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
2016/06/21 Javascript
深入理解JS DOM事件机制
2016/08/06 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
Javascript实现时间倒计时功能
2018/11/17 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
在Vue中使用Echarts实例图的方法实例
2020/10/10 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
python实现网页链接提取的方法分享
2014/02/25 Python
python多线程threading.Lock锁用法实例
2014/11/01 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
Django开发中的日志输出的方法
2018/07/02 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
HTML5 贪吃蛇游戏实现思路及源代码
2013/09/03 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
幼儿园保育员辞职信
2014/01/12 职场文书
草船借箭教学反思
2014/02/03 职场文书
创文明城市标语
2014/06/16 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
2015年世界艾滋病日活动总结
2015/03/24 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python