easyUI带复选框的组合树

时间:2023-01-27 18:37:02

代码:

<input id="depts">
<script type="text/javascript">
$(document).ready(function() {
$('#depts').combotree({
url: 'data/depts.json',
multiple:true,//复选框
checkbox:true,//
cascadeCheck:false//true:选中父节点后下面的所有子节点选中,false:选中父节点后下面的子节点不选中
});
});
</script>

或者
<input id="depts" name="depts" class="easyui-combotree" data-options="url:'data/depts.json',method:'get',required:true,multiple:true,checkbox:true,cascadeCheck:true">

depts.json模拟数据:

[
{
"children": [
{
"id": "11",
"text": "二级部门1"
},{
"id": "12",
"text": "二级部门2"
},{
"id": "13",
"text": "二级部门3"
},{
"id": "14",
"text": "二级部门4"
}
],
"icoCls": "icon-ok",
"id": "1",
"state": "closed",
"text": "部门1"
},
{
"children": [
{
"id": "21",
"text": "二级部门5"
}
],
"icoCls": "icon-ok",
"id": "2",
"state": "closed",
"text": "部门2"
},
{
"children": [
{
"id": "31",
"text": "二级部门6"
},
{
"id": "32",
"text": "二级部门7"
},
{
"id": "33",
"text": "二级部门8"
}
],
"icoCls": "icon-ok",
"id": "3",
"state": "closed",
"text": "部门3"
}
]

easyUI带复选框的组合树的更多相关文章

  1. WPF&colon;带复选框CheckBox的树TreeView

    最近要用WPF写一个树,同事给了我一个Demo(不知道是从哪里找来的),我基本上就是参照了这个Demo. 先放一下效果图(3棵树): 这个树索要满足的条件是: 父节点.Checked=true时,子节 ...

  2. 雷林鹏分享:jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单

    jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单 easyui 的树(Tree)插件允许您创建一个复选框树.如果您点击一个节点的复选框,这个点击的节点信息将向上和向下继承.例如:点击 ...

  3. jquery完成带复选框的表格行高亮显示

    jquery完成带复选框的表格行高亮显示 通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时 ...

  4. 关于JFace带复选框的树

    树的复选框用CheckboxTreeViewer实现.由于其子类ContainerCheckedTreeViewer在没有选择全部子节点时可以自动将父节点设置成灰选,所以实现树的复选框更多的是用Con ...

  5. 关于textjs的tree带复选框的树

    通过查阅一些资料和自己之前了解到的一些相关知识,有时项目中需要用到.话不多说,先看一下效果图: 我写的这人员选择的树,主要是改写了TreePanel,如下代码: ExtendTreePanel.js ...

  6. 基于CSS3自定义美化复选框Checkbox组合

    今天我们要来分享一组非常漂亮的CSS3自定义复选框checkbox,每一个checkbox都有其各自的特点.有几款checkbox在选中的情况下还会出现动画效果,非常不错的CSS3自定义美化check ...

  7. easyui datagrid复选框控制单选

    使用easyui datagrid的时候,由于对数据表格操作太多,并且有单选和多选功能因此采用复选框.但是在单选的状态,使用CheckOnSelect和singleselect时发现,页面有明显延迟, ...

  8. C&num; easyui datagrid 复选框填充。

    具体效果如下: 首页

  9. C&num; 读带复选框的excel,写excel并设置字体、边框、背景色

    这是一篇excel读写功能大汇总,通过C#调用Microsoft.Office.Interop.Excel.dll才能完成任何复杂格式excel的读写操作. 本文需要读取的excel格式如下: 可见表 ...

随机推荐

  1. ABP源码分析三十九:ABP&period;Hangfire

    ABP对HangFire的集成主要是通过实现IBackgroundJobManager接口的HangfireBackgroundJobManager类完成的. HangfireBackgroundJo ...

  2. Python基础7:文件操作

    [ 文件操作] 1 对文件操作流程 打开文件,得到文件句柄并赋值给一个变量 通过句柄对文件进行操作 关闭文件 现有文件如下: 昨夜寒蛩不住鸣. 惊回千里梦,已三更. 起来独自绕阶行. 人悄悄,帘外月胧 ...

  3. C&plus;&plus; - unordered&lowbar;map 源码解析

    转自:http://zrj.me/archives/1248,转载请注明.(分析得不错) 主要尝试回答下面几个问题: 一般情况下,使用 hash 结构,需要有桶的概念,那么 unordered_map ...

  4. &lbrack;STL&rsqb;set&sol;multiset用法详解&lbrack;自从VS2010开始,set的iterator类型自动就是const的引用类型&rsqb;

    集合 使用set或multiset之前,必须加入头文件<set> Set.multiset都是集合类,差别在与set中不允许有重复元素,multiset中允许有重复元素. sets和mul ...

  5. poj 2152 树形DP

    思路:这个没思路,看了陈启峰的论文写得. #include<map> #include<set> #include<cmath> #include<queue ...

  6. &lbrack;转&rsqb;机器学习&amp&semi;数据挖掘笔记&lowbar;16(常见面试之机器学习算法思想简单梳理)

    机器学习&数据挖掘笔记_16(常见面试之机器学习算法思想简单梳理) 转自http://www.cnblogs.com/tornadomeet/p/3395593.html 前言: 找工作时(I ...

  7. Gray Code -- LeetCode

    原标题链接: http://oj.leetcode.com/problems/gray-code/  这道题要求求出n位的格雷码相应的二进制数,主要在于找到一种格雷码的递增方法(格雷码并非唯一的,能够 ...

  8. &lbrack;CEOI 2004&rsqb;Sweet

    Description 题面链接 有 \(n\) 种糖果.第 \(i\) 种糖果有 \(m_i\) 个.取出一些糖果,至少 \(a\) 个,但不超过 \(b\) 个.求方案数. \(1\leq n\l ...

  9. JS数组冒泡排序&amp&semi;去重

    冒泡排序: var a = [2,1,4,3,6,5]; for(var d = 0 ; d< a.length; d++){ for(var b = d+1; b < a.length; ...

  10. jQuery操作DOM节点的方法总结

    1.parent():获得当前匹配元素集合中每个元素的父元素,该方法只会向上一级对 DOM 树进行遍历 $('li.item-a').parent().css('background-color', ...