解决Jstree 选中父节点时被禁用的子节点也会选中的问题
作者:DonaldTDZ 时间:2023-09-03 06:56:01
问题描述:
最近用jstree遇到一个问题,父节点选中时,被禁用的子节点也会选中如下
解决方案:
1、 将jstree升级到最新的版本,v3.3.4及以上就可以
2、 修改checkbox插件配置,将cascade_to_disabled设置为false(注:需要将配置脚本放jstree.min.js的后面)
<script src="./../../dist/jstree.min.js"></script>
<script>
$.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" ]
});
</script>
修改后当选中父节点时,子节点会跳过禁用子节点如下:
来源:https://www.cnblogs.com/donaldtdz/archive/2017/12/26/8120396.html
标签:Jstree,父节点,禁用,子节点,选中
0
投稿
猜你喜欢
Dreamweaver层使用八定律
2008-05-16 11:41:00
详解Laravel服务容器的优势
2023-10-31 03:36:04
Go语言基础结构体用法及示例详解
2024-04-25 15:11:34
Golang的strings.Split()踩坑记录
2024-02-22 11:34:05
php实现在服务器端调整图片大小的方法
2024-05-13 09:25:46
python 遍历可迭代对象的实现方法
2021-03-02 07:13:07
在OracleE数据库的字段上建立索引的方法
2009-02-26 10:34:00
javascript一个无懈可击的实例化XMLHttpRequest的方法
2024-04-16 09:49:19
Python 如何调试程序崩溃错误
2022-04-27 15:22:30
python 爬取英雄联盟皮肤并下载的示例
2023-07-22 09:57:45
在python list中筛选包含字符的字段方式
2023-12-17 17:02:06
使用Python的Flask框架来搭建第一个Web应用程序
2022-12-11 21:46:10
js页面跳转常用的几种方式
2023-08-07 08:30:27
教你如何在Pytorch中使用TensorBoard
2022-02-22 17:55:46
JS载入数据效果!loading
2009-01-20 18:35:00
Python标准库使用OrderedDict类的实例讲解
2022-07-17 22:27:31
认识MySQL数据库对服务器端光标的限制
2009-03-25 17:35:00
Python海龟绘图之绘制趣味简笔画
2023-03-13 09:09:40
python如何为创建大量实例节省内存
2023-03-19 06:35:37
MySQL命令行导出导入数据库实例详解
2024-01-22 08:57:22