¿Cómo puedo adjuntar un comportamiento personalizado con un doble clic en jsTree?

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 hacer que funcione. Encontré algo de documentación en 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 manipular los acontecimientos doble clic con jstree?

Answer 1

Resulta que yo 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 data contiene los metadatos con mi información en ella.

Answer 2

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

de DoubleClick para el nodo:

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

Inserte esta opción si desea simplemente dblclicked nodo

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

Answer 3

Es un poco diferente para obtener los datos fuera para mí, pero por lo demás la respuesta de GiddyUpHorsey estaba en el lugar . 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 versión más reciente de jstree (que es 3.3.4)
Esto me costó un día de trabajo de doblado mente pero finalmente lo consiguió. 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 una jsfiddle de trabajo.

Answer 5

como la versión 3.3.5, estoy usando la siguiente:

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