jsTree show/hide nodes

Question

Je travaille avec jstree et j'aimerais savoir comment cacher/montrer des nœuds si possible. J'ai donné aux éléments de la liste un identifiant "chat" pour les sélectionner avec jquery mais cela ne fonctionne pas.

Voici le code.

html:

<div class="resultsContent"> 

    <div class="demo" id="demo_1"> 

    <ul> 

    {% for ipc in ipcs %} 

     {% ifequal ipc.back_list 1 %} 

      </ul></li> 

     {% endifequal %}  

     {% ifequal ipc.kind "c" %} 

     <li id="{{ ipc.symbol }} cat" rel="node-type"> 
       {% else %} 
        <li id="{{ ipc.symbol }} cat" rel="node-type"> 
      {% endifequal %} 
    {% endfor %} 
    </ul> 

</div> 

</div> 

scénario

:

jQuery('#demo_1') 

    .jstree({ 

     plugins : [ "themes", "html_data", "checkbox" ], 

     themes : { theme: "default", dots : false, icons : false },   

     core : { "initially_open" : [ "{{ top_symbol }}" ] }, 

    }) 

$("#cat").slice(5, 10).hide(); //Hide some nodes 

Answer 1

Il semble à votre code que vous générez des éléments li avec un ID composé d'une valeur Symbole IPC , plus un espace noir, plus le mot "chat".

<li id="{{ ipc.symbol }} cat" rel="node-type"> 

Mais, votre sélecteur tente d'obtenir un élément dont l'ID est exactement « chat »

$("#cat").slice(5, 10).hide(); //Hide some nodes 

Peut-être que vous pouvez utiliser un sélecteur jQuery différent. Par l'exemple, Attribute Contains Selector:

$("li[id*='cat']").slice(5, 10).hide(); //Hide nodes with the string 'cat' 

Ou le Attribute Contains Word Selector, plus approprié dans ce cas (parce que vous êtes à la recherche d'un mot entier):

$("li[id~='cat']").slice(5, 10).hide(); //Hide nodes containing the word 'cat'