Lorsque Jstree sélectionne le nœud parent, les nœuds enfants désactivés sont également sélectionnés

Cette fois, nous vous apportons JsLorsque le nœud parent est sélectionné dans l'arborescence, les nœuds enfants sont également sélectionnés, et les nœuds enfants sont également sélectionnés lorsque le nœud parent est sélectionné dans le Jstree. NotesQu'est-ce que c'est ? Voici des cas pratiques.

Description du problème :

J'ai récemment rencontré un problème lors de l'utilisation de jstree. Lorsque le nœud parent est sélectionné, les nœuds enfants désactivés seront également sélectionnés comme suit

. Solution :

1. Mettez à niveau jstree vers la dernière version, la v3.3.4 et supérieure sont suffisantes

2. Modifiez la configuration du plug-in de case à cocher et définissez cascade_to_disabled sur false (Remarque : le script de configuration doit être placé après 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>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article, plus Veuillez prêter attention aux autres articles connexes sur le site Web php chinois !

Lecture recommandée :

Explication détaillée des étapes d'utilisation du téléavertisseur personnalisé dans Swiper

Comment utiliser Mint-in composant carrousel d'interface utilisateur vue.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!