网络编程
位置:首页>> 网络编程>> JavaScript>> 解决Jstree 选中父节点时被禁用的子节点也会选中的问题

解决Jstree 选中父节点时被禁用的子节点也会选中的问题

作者:DonaldTDZ  发布时间:2023-09-03 06:56:01 

标签:Jstree,父节点,禁用,子节点,选中

问题描述:

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

解决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>

修改后当选中父节点时,子节点会跳过禁用子节点如下:

解决Jstree 选中父节点时被禁用的子节点也会选中的问题

来源:https://www.cnblogs.com/donaldtdz/archive/2017/12/26/8120396.html

0
投稿

猜你喜欢

  • 在我们写样式的时候,页面的CSS在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存在
  • 对于access数据库的日期时间类型字段存储的日期,直接从数据库中读出显示的效果是带时间的如,2009-06-13 18:00 ,如果只是希
  • JavaScript Dom编程 学习书籍选择JavaScript Dom编程学习,很多朋友无疑对如何选择入门的书籍,比较头疼。或许也是他们
  • 需求说明当用户申请售后,商家未在n小时内处理,系统自动进行退款。商家拒绝后,用户可申请客服介入,客服x天内超时未处理,系统自动退款。用户收到
  •  JAN-1(January) FEB-2(February) MAR-3(March)APR-4(April) MAY-5(Ma
  •  <%@ Language=VBScript %><HTML><HEAD>
  • 本文详细列出了HTML中使用到的各种鼠标事件,如onclick,onmouseover等;页面相关事件如:onerror,onload等;h
  • 阅读:Chapter 3 * 的表格“Misquotations are the only quotations tha are never
  • 这篇论坛文章(赛迪网技术社区)主要介绍了数据仓库基本报表制作过程中的SQL写法,详细内容请参考下文:在数据仓库的基本报表制作过程中,通常会使
  • 无论是公司的同事还是外界的程序员朋友们,大部分人对JavaScript的高级应用不甚了解,已有的知识架构里会认为JavaScript仅仅是一
  •     Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱。在此笔者就谈
  • 做一个总结,把自己这些年的从业经历和观感罗列一下,某些话可能触及到个人神经,但它们没有恶意。设计师喜欢把世界想象得很美好,社会很和谐,但是这
  • 我们在网页中使用CSS来设置网页、表格和字体大小,一般使用的是网络上较流行的9磅字:<STYLE type=TEXT/CSS
  • buffer:下载数据缓冲区,以字节为单位,缺省依赖操作系统 consistent:下载期间所涉及的数据保持read only,缺省为n d
  • 在JavaScript中,我们应该尽可能的用局部变量来代替全局变量,这句话所有人都知道,可是这句话是谁先说的?为什么要这么做?有什么根据么?
  • --建递增序列CREATE SEQUENCE LZEAM_SP_LOOP_EQ_SEQ MINVALUE 1 INCREMENT BY 1
  • SHA (Secure Hash Algorithm,译作安全散列算法) 是美国国家安全局 (NSA) 设计,美国国家标准与技术研
  • 一、css样式表滤镜的构成 滤镜作为样式表大家庭中的一员,它跟其他样式表元素的定义和应用方式当然是一样的,能够直接定义在HTML标识的<
  • SQL中的单记录函数 1.ASCII 返回与指定的字符对应的十进制数; SQL> select ascii('A')
  • 其实就是利用文件“global.asa”!许多ASP编程新手都想知道这东西是什么?事实上,global.asa就是一个事件驱动程序,其中共包
手机版 网络编程 asp之家 www.aspxhome.com