How can I attach custom behaviour to a double click in jsTree?

John Mills picture John Mills · Sep 9, 2010 · Viewed 20.6k times · Source

I'm using the jsTree jQuery plugin and want to execute code when the user double clicks a node.

I can't seem to get it to work. I found some documentation on a ondblclk event but it doesn't fire.

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

How can I handle double click events with jstree?

Answer

John Mills picture John Mills · Sep 10, 2010

It turns out I can do this:

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

node contains the li that was clicked and data contains the metadata with my info in it.