jQuery Easyui 下拉树组件combotree_jquery

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
combotree
jquery easyui 组件、jquery 下拉框组件、jquery 下拉组件、jquery easyui 下拉框、jquery easyui 下拉树,以便于您获取更多的相关知识。

时间: 2024-09-13 09:57:58

jQuery Easyui 下拉树组件combotree_jquery的相关文章

Jquery Easyui自定义下拉框组件使用详解(21)_jquery

本文实例为大家分享了Jquery Easyui自定义下拉框组件的实现代码,供大家参考,具体内容如下 加载方式 JS调用加载 自定义下拉框不能通过标签的方式进行创建. <input id="box" /> <script> $(function () { //JS 加载调用 $('#box').combo({ required : true, multiple : true, }); }); </script> 属性列表 <script>

自己写的Jquery DropTree下拉选择树插件

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://dba10g.blog.51cto.com/764602/1188190 闲话少聊,今天本人重点看了看jquery插件开发这一块.想通过代码,实际练下兵.当然,也是为了解决项目的实际需要.平时,我们经常遭遇"选择框"这个控件. 平时,如果我们的选择项非常简单, 一般用浏览器自带的select 就OK了.但是如果字典项直接存在上下级关系,也就是经常见到的树结构 ,那就非常

Jquery easyui 实现动态树_jquery

在上篇文章给大家介绍了jquery中EasyUI实现异步树,本文给大家介绍jquery easyui实现动态树. 首先是在jsp页面中引入相关的js文件 在body中加入流程列表,通过后天拼接json数据 具体内容请看下面代码详情吧. 首选在jsp页面中引入相关的js <link rel="stylesheet" type="text/css" href="<%=path %>/css/jquery_easyui/themes/defau

在javascript中以数组链表法实现下拉树

在网页开发中,大部分的下拉菜单都是一行一项并且上下对齐,这样虽然很好但是缺乏层次结构感,客户不知道各个选项之间的关系,因此有的时候我们需要在下拉菜单中以树形结构展示下拉项,给客户更好的体验.比如:假设数据库中有张表存放了中国省市信息,如下所示: 这张表是符合树形结构特征的,它的树形结构如右图所示,相信很多表都有这样的特征,这种结构的表以下拉树展示最好不过了,用户可以直接看出选项之间的关系. javascript实现树形结构应该有很多种方法,我也不知道那些方法都是如何实现的,也不想从网上下载现成的

jQuery对下拉框,单选框,多选框的操作

  这篇文章主要介绍了jQuery对下拉框,单选框,多选框的操作需要的朋友可以过来参考下,希望对大家有所帮助 下拉框: //得到下拉菜单的选中项的文本(注意中间有空格) var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的值 var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

 这篇文章主要介绍了jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动,需要的朋友可以参考下 利用struts2和Ajax实现json对象的传输,然后实现菜单的二级联动    下面是我的 js文件原码:   代码如下: var mail={  //初始化  init:{  //初始化数据  initdata:{  did:'',  ttitle:'',  sendpassword:'',  description:''  },  //初始化事件  initevent:{  Da

jquery纵向下拉菜单

<%@ page language="c#" autoeventwireup="true" codefile="thirdmenu.asp教程x.cs" inherits="thirdmenu" %> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml

带线的无限级下拉树列表-完整示例篇

前言: 今天在群里有人问起了我一个比较远古的问题:带线的无限级下拉树列表他运行不起来. 最关键的又扯上了CYQ.Data 框架,让我一时觉得比较悬,因为文章是08年时写的,而框架最今年才发力完善的, 所以两者应该是没啥联系的,不过这一问也好,给了我一个写此文章的机会. ps:他把示例的其它代码当成是 CYQ.Data 框架 里的代码.     本文将对之前的代码进行小小的简化,并为之建立一个完整的应用示例,以下为正式应用步骤:   一:新建项目 1:将IDropDownTree及DropDown

Android打造通用的下拉刷新组件

还记得上一篇 blog 的内容吗?如果不记得建议先去了解一下,Android 事件处理全面剖析 ,因为下拉刷新需要用到手势的处理,而上一篇文章中,对事件处理做了很详细的说明,了解了事件的处理机制,对理解本篇文章有很大的帮助.好了,这里就当大家都已经对事件处理有了一定的了解,开始我们的下拉刷新征程. 还是老规矩,先上效果图,再根据效果图来分析实现的原理:  一 .分析原理  我们都知道,listView 控件为我们提供了 addHeaderView.和 addFootView 的方法,我们通过此方