jQuery Easyui 下拉树组件combotree

更新时间：2016年12月16日 11:03:15 作者：还俗的凤凰

项目中做角色授权时，需要做一个下拉框带树结构的并且可以多选的组件，就想到了easyui的combotree，下面通过实例代码给大家介绍下Easyui 下拉树组件combotree

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，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

详解easyui基于 layui.laydate日期扩展组件
这篇文章主要介绍了详解easyui基于 layui.laydate日期扩展组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07
jQuery双向列表选择器select版
这个是select版的，若想美化某些样式是不支持得，大家可以使用div模拟版，下面小编给大家介绍下jQuery双向列表选择器select版，感兴趣的朋友一起看看吧
2016-11-11
jQuery live( type, fn ) 委派事件实现
jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。
2009-10-10
jQuery+PHP+MySQL实现无限级联下拉框效果
这篇文章主要介绍了jQuery+PHP+MySQL实现无限级联效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-02-02
iframe子页面获取父页面元素的方法
取得iframe中元素的方法有很多，在本文为大家介绍下在iframe子页面获取父页面元素的方法，下面有个不错的示例，感兴趣的朋友可以参考下
2013-11-11
jQuery实现贪吃蛇小游戏（附源码下载）
网上关于JS实现贪吃蛇的文章有很多，最近闲来无事，想着利用jQury来实现贪吃蛇小游戏，下面实现这篇文章主要介绍了利用jQuery实现贪吃蛇小游戏的方法，文中给出的是吸纳思路和示例代码，需要的朋友可以参考下。
2017-03-03
jquery 简单导航实现代码
jquery简单导航实现代码，需要的朋友可以参考下。
2009-09-09
JQuery异步post上传表单数据标准化模板
这篇文章主要介绍了JQuery异步post上传表单数据标准化模板，主要分享详细的代码，具有一的的知识参考性，需要的小伙伴可以参考一下
2022-02-02
juqery 学习之三选择器简单内容
juqery 学习之三选择器简单内容，学习jquery的朋友可以参考下。
2010-11-11
强烈推荐240多个jQuery插件提供下载
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
2008-06-06