Jak dołączyć zachowanie niestandardowe do podwójnego kliknięcia w jsTree?

Question

Używam wtyczki jsTree jQuery i chcę wykonać kod, gdy użytkownik dwukrotnie kliknie węzeł.

Nie mogę sprawić, żeby zadziałało. Znalazłem dokumentację na zdarzeniu ondblclk, ale się nie uruchamia.

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

Jak mogę obsługiwać podwójne zdarzenia kliknięcia z jstree?

Answer 1

Okazuje się, mogę to zrobić:

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

node zawiera li który został kliknięty i data zawiera metadane z moich informacji w nim.

Answer 2

"dblclick.jstree" nie istnieje w ostatniej wersji jsTree 1.0.

DoubleClick dla węzła:

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

Włóż jeśli chcesz po prostu dblclicked węzłowi

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

Answer 3

To trochę inny, aby uzyskać dane dla mnie, ale w przeciwnym razie odpowiedź GiddyUpHorsey był spot-on . Oto kod ponownie:

 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

Powyższe odpowiedzi nie działa na najnowszej wersji jstree (co jest 3.3.4)
To kosztowało mnie dzień pracy umysłu gięcia ale w końcu dostał. Oto DoubleClick pracuje Edycja kodu:

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

i tu jest praca jsfiddle.

Answer 5

w wersji 3.3.5, używam tego:

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