这次给大家带来Jstree选中父节点时禁用子节点也被选中,解决Jstree选中父节点时禁用子节点也被选中的注意事项有哪些,下面就是实战案例,一起来看一下。

问题描述:

最近用jstree遇到一个问题,父节点选中时,被禁用的子节点也会选中如下

解决方案:

1、 将jstree升级到最新的版本,v3.3.4及以上就可以

2、 修改checkbox插件配置,将cascade_to_disabled设置为false(注:需要将配置脚本放jstree.min.js的后面)

$.jstree.defaults.checkbox = {

visible: true,

three_state: true,

whole_node: true,

keep_selected_style: true,

cascade: '',

tie_selection: true,

/**

* This setting controls if cascading down affects disabled checkboxes

* @name $.jstree.defaults.checkbox.cascade_to_disabled

* @plugin checkbox

*/

cascade_to_disabled : false,

cascade_to_hidden : true

};

$('#data').jstree({

'core' : {

'data' : [

{ "text" : "Root node", "children" : [

{ "text" : "Child node 1", "state": { "disabled": true } },

{ "text" : "Child node 2" },

{ "text" : "Child node 3" },

{ "text" : "Child node 4" },

{ "text" : "Child node 5" },

{ "text" : "Child node 6" }

]}

]

}

,"plugins" : [ "checkbox" ]

});

希望看了本文后您能掌握相关方法,更多精彩请关注学猫在线其它相关文章!

本文来源:http://m.php.cn/article/392452.html

jstree禁用父节点点击_Jstree选中父节点时禁用子节点也被选中相关推荐

  1. jstree禁用父节点点击_Jstree 使用CheckBox插件 选中父节点时被禁用的子节点也会选中问题...

    问题描述: 最近用jstree遇到一个问题,使用CheckBox插件时,当父节点选中时,被禁用的子节点也会选中如下 解决方案: 1.  将jstree升级到最新的版本,v3.3.4及以上就可以 2.修 ...

  2. 在vue2使用百度脑图的kityminder-core进行二次开发思维导图。节点收起时显示子节点的数量

    需求描述 用户收起某节点后要展示出当前节点的子节点数量,当节点展开后不显示子节点数量. 功能效果 分析 1.找到跟节点收起/展开相关的菜单按钮. 2.找到节点收起/展开的事件,添加一个children ...

  3. EasyUI中tree选中父节点自动选中子节点,取消子节点自动取消父节点,子节点勾选完毕自动勾选父节点

    今天有需求,将树设为具有全选功能 选中父节点自动全选子节点 全选状态下,当用户取消某一个子节点,自动取消父节点的勾选 未全选状态下,用户勾选全部子节点,自动勾选对应的父节点 感觉挺简单,实际写的时候才 ...

  4. JS获取子节点、父节点和兄弟节点的方法实例总结

    本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名 ...

  5. LayUi 树形组件tree 实现懒加载模式,展开父节点时异步加载子节点数据

    LayUi框架中树形组件tree官方还在持续完善中,目前最新版本为v2.5.5 官方树形组件目前还不支持懒加载方式,我自己修改了下最新源码tree.js,简单粗暴的方式支持懒加载模式.(Ps:最新更新 ...

  6. js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结

    本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名 ...

  7. JS获取子节点、父节点和兄弟节点的方法

    一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要 ...

  8. html 增加兄弟节点,html 子节点、父节点、兄弟节点获取

    一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要 ...

  9. jQuery获取父节点、子节点、兄弟节点

    介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布. jQuery设计的宗 ...

最新文章

  1. 如何使用Python和Tkinter构建Toy Markdown编辑器
  2. 05 Java程序员面试宝典视频课程之Jquery
  3. Genymotion配置及使用教程(最新最完整版附各部分下载地址)最快模拟器
  4. 无线网络连接一直显示“正在获取网络地址”的解决办法
  5. jquery为图片添加事件
  6. Linux管道用法示例
  7. Eureka集群搭建
  8. 怪物刷新时间计时_热血传奇;散人对这类怪物可谓是情有独钟
  9. 虚拟机系列 | JVM类加载机制
  10. 真传x深度学习第二课:nvidia显卡驱动和cuda安装(小米13.3,显卡mx150)
  11. matlab colorbar 颜色范围,Matlab对数范围colorbar imagesc
  12. 快递物流类API推荐
  13. vs2017通过ODAC连接oracle11g
  14. 删除Word模板文件
  15. 曝光!中国知名互联网公司背后的风投
  16. 数十位院士/大咖亮相,近千人到场交流,物联网人年终必聚的产业盛会来了!...
  17. win7鼠标指针主题包_双飞燕FB35双模蓝牙鼠标评测 终于能让手放松了
  18. JS控制台控制视频倍速
  19. VRChat火了,但VR社交还没迎来最好的时代
  20. MySQL插入表格数据的时候出现1265错误

热门文章

  1. 寻找无向图中所有的循环 matlab
  2. Uglify JS安装
  3. 贴片电容常见参数:NP0、C0G、X7R、X5R、Y5V、Z5U
  4. Android Studio 无法连接HUAWEI mate9的问题
  5. web之html学习笔记
  6. adb通过wifi连接android设备(魅族note3)
  7. Unity的基础小知识
  8. CSS 鼠标悬停提示文字
  9. Cocos Creator与两位兄弟“合体”啦!|视频解说
  10. Java从新手到大牛,如何训练?