Comment puis-je associer des comportements à un double clic dans jsTree?

Je suis en utilisant le jsTree plugin jQuery et souhaitez exécuter du code lorsque l'utilisateur double clique sur un nœud.

Je n'arrive pas à le faire fonctionner. J'ai trouvé de la documentation sur un ondblclk événement, mais il n'a pas le feu.

    browser.jstree(
            {
                plugins: ["themes", "json_data", "ui", "cookies"],
                callback:
                {
                    ondblclk: function (node, tree) {
                        if (!thisReportBrowserthis._isFoldersOnly) {
                            var f = node;
                        }
                    }
                }
            }
        );

Comment puis-je manipuler double-cliquez sur événements avec jstree?

  • Il semble que la documentation que j'ai trouvé pour l'extrait de code ci-dessus a été out-of-date.
InformationsquelleAutor GiddyUpHorsey | 2010-09-09
  1. 25

    Il s'avère que je peux faire ceci:

    jstree.bind("dblclick.jstree", function (event) {
   var node = $(event.target).closest("li");
   var data = node.data("jstree");
   //Do my action
});

    node contient les li qui a été cliqué et data contient les métadonnées avec mes infos en elle.

    • Les données renvoie undefined.
    InformationsquelleAutor GiddyUpHorsey
  2. 6

    'dblclick.jstree' n'existe pas dans la dernière version jsTree 1.0.

    DoubleClick pour le nœud:

    $("#yourtree").delegate("a","dblclick", function(e) {
  var idn = $(this).parent().attr("id").split("_")[1];
  alert(idn); //return NodeID    
});

    Insérer cette fonction si vous voulez juste dblclicked nœud

    if (this.className.indexOf('icon') == -1) {  /* is the node clicked a leaf? */ }
    • Je ne vois pas de "id"s sur mon arbre (je suis en utilisant le HTML_DATA plugin pour créer mon arbre et je n'ai pas pris la peine de créer tout IDs), mais laissant ce code cela fonctionne. ".sur()" est la plus moderne jQuery façon de faire, donc n' $("#yourtree").sur("double clic","a", function(e) {...});
    InformationsquelleAutor bizauto
  3. 4

    C'est un peu différent pour obtenir les données pour moi, mais autrement GiddyUpHorsey réponse était sur place. Voici le nouveau code:

            jstree.bind("dblclick.jstree", function (e, data) {
            var node = $(e.target).closest("li");
            var id = node[0].id; //id of the selected node
        });
    • de même pour moi, à l'exception de supprimer les données à partir de la fonction de rappel qu'il n'est pas défini
    InformationsquelleAutor Quynh
  4. 2

    Les réponses ci-dessus ne fonctionnent pas sur la version la plus récente de jstree (qui est 3.3.4)

    Cela m'a coûté une journée de l'esprit de flexion de travail, mais j'ai finalement obtenu.
    Voici de travail, double-cliquer pour Modifier le code:

    JS:

    $('#tree1').bind("dblclick.jstree", function (event) {
  var tree = $(this).jstree();
  var node = tree.get_node(event.target);
  tree.edit(node);
});

    et ici est un travail jsfiddle.

    • Votre Extrait de Code ne fonctionne pas, mais le Violon. La Solution fonctionne très bien pour moi.
    InformationsquelleAutor user1254723
  5. 0

    que la version 3.3.5, j'utilise celui-ci:

            $('#jstree').on("dblclick.jstree", function (e) {
            var instance = $.jstree.reference(this),
            node = instance.get_node(e.target);
            //Code
        });
    InformationsquelleAutor Y. Özdemir