热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jQueryEasyui下拉树组件combotree

项目中做角色授权时,需要做一个下拉框带树结构的并且可以多选的组件,就想到了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', 
       //下面注释的代码是 不可以选择父节点,如果需要,直接打开注释 
        // 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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


推荐阅读
author-avatar
希瑟小姐
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有