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