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