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 相关文章推荐
javascript 兼容鼠标滚轮事件
Apr 07 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
Jul 08 Javascript
js给页面加style无效果的解决方法
Jan 20 Javascript
jQuery学习笔记之总体架构
Jun 03 Javascript
ztree获取当前选中节点子节点id集合的方法
Feb 12 Javascript
js中的内部属性与delete操作符介绍
Aug 10 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
ionic2.0双击返回键退出应用
Sep 17 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
Aug 03 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 变量定义方法
2009/06/14 PHP
使用php shell命令合并图片的代码
2011/06/23 PHP
php中的explode()函数实例介绍
2019/01/18 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
JS中style属性
2006/10/11 Javascript
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
JavaScript学习笔记记录我的旅程
2012/05/23 Javascript
jquery在Chrome下获取图片的长宽问题解决
2013/03/20 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
js如何找出字符串中的最长回文串
2018/06/04 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
python实现探测socket和web服务示例
2014/03/28 Python
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
python删除过期文件的方法
2015/05/29 Python
Python3.x对JSON的一些操作示例
2017/09/01 Python
Python2.6版本pip安装步骤解析
2020/08/17 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
2014年端午节活动方案
2014/03/11 职场文书
毕业自我鉴定书
2014/03/24 职场文书
个人校本研修方案
2014/05/26 职场文书
社区党建工作方案
2014/06/10 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
村道德模范事迹材料
2014/08/28 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
师范生见习报告范文
2014/11/03 职场文书
综合办公室岗位职责
2015/04/11 职场文书
涨价通知怎么写
2015/04/23 职场文书
英语读书笔记
2015/07/02 职场文书
2015年乡镇组织委员工作总结
2015/10/23 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书
靠谱的活动总结
2019/04/16 职场文书
SQL解决未能删除约束问题drop constraint
2022/05/30 SQL Server