問題描述: 最近用jstree遇到一個問題,使用CheckBox插件時,當父節點選中時,被禁用的子節點也會選中如下 解決方案: 1、 將jstree升級到最新的版本,v3.3.4及以上就可以 2、 修改checkbox插件配置,將cascade_to_disabled設置為false(註:需要將配置 ...
問題描述:
最近用jstree遇到一個問題,使用CheckBox插件時,當父節點選中時,被禁用的子節點也會選中如下
解決方案:
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>
修改後當選中父節點時,子節點會跳過禁用子節點如下: