Double-Click on treeview node not working after drag/drop

[Scott]

I'm handling double-clicks on a treeview node like this:

 

$("#treeview [role=treeitem] span").on("dblclick", function(e){
      var tree = $("#treeview").data("kendoTreeView");
      var item = tree.dataItem($(e.target).closest("li"));
    });

It works great until I enable dragAndDrop on the tree.  If a node is dragged/dropped to another location, double-clicking on it no longer fires the "dblclick" event on the treeview.

 You can test this here:

http://jsbin.com/fubajoyexe/edit?html,output

Just add "dragAndDrop: true," to the treeview configuration, then drag a node to another location.  Double-click on that node and it no longer works.  Do you know of any workarounds?

[Scott]

It works find if I redefine the onclick section like this:

 

$("#treeview").on("dblclick", function(e){
      var tree = $("#treeview").data("kendoTreeView");
      var item = tree.dataItem($(e.target).closest("li"));
    });

[Alex Gyoshev]

Hello Scott,

Yes, in the first case you define an event handler for all existing spans, and when one is newly added, it won't have the event handler attached to it. The second snippet attaches the event handler to the root element and determines which node has been clicked, which makes it work for new elements, too.

Regards,
Alex Gyoshev
Telerik