jquery - 如何将自定义行为附加到 jsTree 中的双击？

Question

我正在使用 jsTree jQuery 插件，并希望在用户双击节点时执行代码。

我似乎无法让它工作。我找到了一些关于某个ondblclk事件的文档，但它没有触发。

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

如何使用jstree处理双击事件？

Answer 1

事实证明我可以这样做：

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

node包含li被点击的内容并data包含包含我的信息的元数据。

Answer 2

'dblclick.jstree' 在最新版本的 jsTree 1.0 中不存在。

节点的 DoubleClick：

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

如果您只想要 dblclicked 节点，请插入此节点

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

Answer 3

为我获取数据有点不同，但 GiddyUpHorsey 的回答很准确。这是代码：

        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

以上答案不适用于最新版本的 jstree（即 3.3.4），
这让我费了一天的心思，但我终于明白了。这是双击编辑代码：

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

这是一个工作jsfiddle。

Answer 5

作为 3.3.5 版，我使用的是这个：

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

Answer 6

它对我有用

$("#MyTree").on('dblclick','.jstree-anchor', function (e) {
    var instance = $.jstree.reference(this),
    node = instance.get_node(this);
    console.log(node);
});