解決Jstree 選中父節(jié)點時被禁用的子節(jié)點也會選中的問題

更新時間：2017年12月27日 08:39:39 作者：DonaldTDZ

下面小編就為大家分享一篇解決Jstree 選中父節(jié)點時被禁用的子節(jié)點也會選中的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

問題描述：

最近用jstree遇到一個問題，父節(jié)點選中時，被禁用的子節(jié)點也會選中如下

解決方案：

1、將jstree升級到最新的版本，v3.3.4及以上就可以

2、修改checkbox插件配置，將cascade_to_disabled設(shè)置為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>

修改后當(dāng)選中父節(jié)點時，子節(jié)點會跳過禁用子節(jié)點如下：

以上這篇解決Jstree 選中父節(jié)點時被禁用的子節(jié)點也會選中的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

js實現(xiàn)照片墻功能實例
這篇文章主要介紹了js實現(xiàn)照片墻功能的方法,以一個完整實例形式分析了js實現(xiàn)照片墻的css與js的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
JS實現(xiàn)css hover操作的方法示例
這篇文章主要介紹了JS實現(xiàn)css hover操作的方法,涉及javascript事件響應(yīng)及頁面元素css屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2017-04-04
Echarts柱狀圖修改柱子顏色漸變及柱子圓角效果實例
在ECharts中,可以通過修改series.itemStyle.normal屬性來定制柱狀圖的柱子樣式,包括圓角和背景色漸變,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-09-09
小程序卡片切換效果組件wxCardSwiper的實現(xiàn)
這篇文章主要介紹了小程序卡片切換效果組件wxCardSwiper的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
詳解JavaScript的另類寫法
這篇文章主要介紹了詳解JavaScript的另類寫法的相關(guān)資料,需要的朋友可以參考下
2016-04-04
javascript中的float運算精度實例分析
javascript中的float運算精度的一些問題，下面是具體的說明。
2010-08-08
淺談Javascript嵌套函數(shù)及閉包
這篇文章其實是要講閉包的一些初級應(yīng)用，但是為了將閉包，我們還是從嵌套函數(shù)開始說吧，縱使所有的JavaScript函數(shù)都可以說是閉包，但是只有當(dāng)一個嵌套函數(shù)被導(dǎo)出到它所定義的作用域之外時，這種閉包才是有趣的。
2010-11-11
js代碼實現(xiàn)的加入收藏效果并兼容主流瀏覽器
這篇文章主要介紹了js代碼實現(xiàn)的加入收藏效果并兼容主流瀏覽器,需要的朋友可以參考下
2014-06-06
往光標(biāo)所在位置插入值的js代碼
往輸入域中插入字符串(光標(biāo)所在位置)，在本文將為大家介紹下使用js是如何實現(xiàn)的，感興趣的朋友可以參考下
2013-09-09
JavaScript跳出循環(huán)的常用方法詳解
這篇文章主要介紹了JavaScript中常用的遍歷數(shù)組的方式以及如何提前退出循環(huán),常用退出循環(huán)的方式包括break、continue、return和throw,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2025-03-03