Comment sélectionner un nœud spécifique par programme ?

Question

J'ai un arbre. Je veux sélectionner le nœud qui est lié à l'objet qui a un emplacement avec l'id de 158. Cela fonctionne mais semble stupide. Quelle est la façon la plus idiomatique de procéder ?

var $tree = $('.jstree', myContext),
    node = $tree.find('li').filter(function() { 
        return ( $(this).data().location || {}).id === 158;
    });
$tree.jstree('select_node', n)

Answer 1

J'utilise jstree 3.0.8. je n'utilise pas "state".

'plugins' : \['dnd','sort','types','contextmenu','wholerow','ui'\]

et le serveur offre le json, le nœud sélectionné a

"state":{"selected":true,"opened":true}

Answer 2

Cette solution fonctionne pour moi

// after the tree is loaded
$(".jstree").on("loaded.jstree", function(){
    // don't use "#" for ID
    $('.jstree').jstree(true).select_node('ElementId');
});

et même dans une boucle php (dynamiquement) :

$(".jstree").on("loaded.jstree", function(){
    <?php foreach($tree as $node): ?>
        $('.jstree').jstree(true).select_node('<?=$node?>');
    <?php endforeach;?>
});

J'espère que cela vous conviendra.

Answer 3

Je pense qu'il faut écrire un code pour sélectionner le nœud après l'initialisation de l'arbre.

 $('#jstree')
    .on('ready.jstree', function (e, data) {
       // do function after jstree initialized
      $('#jstree')
        .jstree(true)
        .select_node('nodeid');
    });

J'espère que cela fonctionnera :)

Answer 4

Déclencher un clic sur la première ancre

$("#jstree .jstree-anchor:first").click(); 

ou par l'identifiant du nœud 158

$("#jstree #158").find(".jstree-anchor:first").click(); 

$('#' + 158).find(".jstree-anchor:first").click();