jstree jquery comment parcourir tous les nœuds

Je suis en train de parcourir chaque nœud dans un treeview dans jstree. Le treeview est de 4 niveaux de profondeur mais je n'arrive pas à passer le 1er niveau. Ce qui suit est le jQuery utilisé pour effectuer une itération.

$("#myTree").bind('ready.jstree', function (event, data) {
    $('#myTree li').each(function () {
        //Perform logic here
        }
    });
});

Ici est un jsfiddle illustrer mon point. S'il vous plaît aider sur comment je peux parcourir chaque nœud dans jstree.

En inspectant le code de retour d'un seul li semble être causé par l'abstraction de jsTree. Lors de votre écouteur feux de la #myTree en fait ne contenant qu'un seul li.
Comment serais-je capable de s'adapter à de multiples li où le treeview est dynamique?
Vous avez plusieurs réponses qui fournit une solution. Envisager de marquer une réponse comme acceptée si elle semble comme une solution complète à votre question.

OriginalL'auteur Hshdj122 | 2016-01-27

  1. 19

    Il obtient tous les enfants de votre arbre dans un tableau plat pour votre .each boucle.

    $("#tree").bind('ready.jstree', function(event, data) {
  var $tree = $(this);
  $($tree.jstree().get_json($tree, {
      flat: true
    }))
    .each(function(index, value) {
      var node = $("#tree").jstree().get_node(this.id);
      var lvl = node.parents.length;
      var idx = index;
      console.log('node index = ' + idx + ' level = ' + lvl);
    });
});

    JSFiddle - Docs pour get_json

    OriginalL'auteur E. Sundin

  2. 5

    Une autre façon est de les ouvrir avant d'essayer d'accéder à des nœuds dans les dom et les fermer: 

    $("#tree").bind('ready.jstree', function (event, data) {
  $(this).jstree().open_all(); //open all nodes so they are visible in dom
    $('#tree li').each(function (index,value) {
        var node = $("#tree").jstree().get_node(this.id);
        var lvl = node.parents.length;
        var idx = index;
        console.log('node index = ' + idx + ' level = ' + lvl);
    });
    $(this).jstree().close_all(); //close all again
});

    OriginalL'auteur juvian

  3. 4

    "Nœuds" est une surcharge du terme. Entendez-vous le code HTML de nœuds ou tout simplement les données JSON utilisés pour définir chaque nœud dans le jstree? J'ai eu un besoin de parcourir les jstree afin d'en extraire de la valeur pour le champ ID dans chaque jstree nœud. Si c'est tout ce dont vous avez besoin, il y a une approche plus simple:

    var v =$("#tree").jstree(true).get_json('#', {'flat': true});
for (i = 0; i < v.length && i < 10; i++) {
    var z = v[i];
    alert("z[id] = " + z["id"]);
}
    "Entendez-vous le code HTML de nœuds ou tout simplement les données JSON utilisés pour définir chaque nœud dans le jstree?" C'est une distinction importante qui m'avait confondu jusqu'à ce que vous énoncé de la question. Merci.

    OriginalL'auteur John Strong

  4. 2

    Je voulais une bibliothèque-façon de parcourir les nœuds d'un jsTree, j'ai donc écrit ceci dans le jstree.js fichier:

    each_node: function(callback) {
    if (callback) {
        var id, nodes = this._model.data;
        for (id in nodes) {
            if (nodes.hasOwnProperty(id) /*&& id !== $.jstree.root*/) {
                callback.call(this, nodes[id]);
            }
        }
    }
},

    (Note: je suis en utilisant jsTree 3.3.4, et j'ai inséré le code ci-dessus sur la ligne 3712 à droite après le get_json définition de la fonction.)

    Dans le code, je peux parcourir les nœuds de l'arborescence comme ceci:

    $("#myTree").jstree(true).each_node(function (node) {
    //'this' contains the jsTree reference

    //example usage: hide leaf nodes having a certain data attribute = true
    if (this.is_leaf(node) && node.data[attribute]) {
        this.hide_node(node);
    }
});

    OriginalL'auteur SNag