今回は、親ノードが選択され、子ノードが無効になっている場合、子ノードも選択されているJsツリーについて、親ノードが選択されている場合のJstreeの問題を解決するための注意事項について説明します。が選択され、子ノードが無効になり、子ノードも選択されているので、一緒に見てみましょう。
問題の説明:
最近、jstree を使用しているときに問題が発生しました。親ノードを選択すると、次のように無効になっている子ノードも選択されてしまいます。
解決策: 1. jstree を最新バージョン v3.3.4 以降にアップグレードします。 2. チェックボックスのプラグイン構成を変更し、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>
この記事のケースを読んだ後は、この方法を習得したと思います。さらにエキサイティングな情報がある場合は、php 中国語 Web サイトのその他の関連記事にご注目ください。
推奨読書:
Swiper でカスタム ページネーターを使用する手順の詳細な説明vue.js mint-ui カルーセル コンポーネントの使用方法
以上がJstree が親ノードを選択すると、無効化された子ノードも選択されますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。