jquery - div - ¿Cómo puedo adjuntar un comportamiento personalizado a un doble clic en jsTree?

jquery this click

Question

Estoy usando el plugin jsTree jQuery y quiero ejecutar código cuando el usuario hace doble clic en un nodo.

Parece que no puedo hacerlo funcionar. Encontré algo de documentación sobre un evento ondblclk pero no se dispara.

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

¿Cómo puedo manejar los eventos de doble clic con jstree ?

Answer 1

''dblclick.jstree'' no existe en la última versión jsTree 1.0.

DoubleClick para nodo:

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

Inserta esto si solo quieres hacer un doble click en el nodo

if (this.className.indexOf(''icon'') == -1) {  /* is the node clicked a leaf? */ }

Answer 2

Como la versión 3.3.5, estoy usando este:

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

Answer 3

Es un poco diferente para sacarme los datos, pero de lo contrario, la respuesta de GiddyUpHorsey fue acertada. Aquí está el código de nuevo:

        jstree.bind("dblclick.jstree", function (e, data) {
            var node = $(e.target).closest("li");
            var id = node[0].id; //id of the selected node
        });

Answer 4

Las respuestas anteriores no funcionan en la última versión de jstree (que es 3.3.4)
Esto me costó un día de trabajo mental, pero finalmente lo conseguí. Aquí está trabajando doble clic para editar código:

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

Y aquí hay un jsfiddle trabajo.

Answer 5

Resulta que puedo hacer esto:

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

node contiene el li que se hizo clic y los data contienen los metadatos con mi información en él.