个人中心
gpt4 book ai didi

JsTree 上下文菜单回调函数未触发

转载 作者：行者123 更新时间：2023-12-02 22:32:55 25 4
gpt4 key购买 nike

我正在使用 jstree 库。一个非常好的图书馆，但我遇到了一个问题。上下文菜单的回调不起作用。

我做了一个小的工作示例 - 当您添加/删除/重命名节点时它应该发出警报，但没有任何反应..

有谁知道为什么不行，解决方案是什么？

你可以在网上看到工作-不工作的例子: http://www.leermetstrips.nl/Content/tree.htm

或在这里:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>JS tree example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://code.jquery.com/jquery-1.8.0.js"></script>      
    <script src="http://cachedcommons.org/cache/jquery-jstree/1.0.0/javascripts/jquery-jstree.js" type="text/javascript"> </script>    
<script type="text/javascript">
$().ready( function() {
    var data = [{"data":"Root node","children":[{"data":"node one","children":[],"metadata":[{"action":"action12"}]}],"metadata":[{"action":"action11"}]}];
    $('#tree').jstree(
        {
            json_data: { data: data },
            plugins: ["themes", "json_data", "ui", "contextmenu", "crrm"],
            // TODO: this does not work, why?
            callback: {
                oncreate: function (NODE, REF_NODE, TYPE, TREE_OBJ, RB) {
                    alert('oncreate');
                },
                onrename: function (NODE, LANG, TREE_OBJ, RB) {
                    alert('onrename');
                },
                ondelete: function (NODE, TREE_OBJ, RB) {
                    alert('ondelete');
                }
            }
        }
        );
});
</script>
</head>
<body>
        <h3>JS tree example</h3>
        <p>When adding, or deleting new nodes, there should be an alert. But there is none. Why?</p>
        <div id="tree" style="border:1px solid;"></div> 
        <p>Click on the tree with your right mouse button to add, rename or delete NEW tree nodes.</p>
</body>
</html>

最佳答案

jstree 核心功能中没有callback 属性。所以删除这个:

    callback: {
        oncreate: function (NODE, REF_NODE, TYPE, TREE_OBJ, RB) {
            alert('oncreate');
        },
        onrename: function (NODE, LANG, TREE_OBJ, RB) {
            alert('onrename');
        },
        ondelete: function (NODE, TREE_OBJ, RB) {
            alert('ondelete');
        }
    }

你需要以这种方式在 jstree 对象之外绑定(bind) jstree 事件:

$('#tree').bind('create.jstree',function (node, ref) {
  alert('oncreate');
});

$('#tree').bind('rename.jstree',function (node, ref) {
  alert('onrename');
});

$('#tree').bind('remove.jstree',function (node, ref) {
  alert('ondelete');
});

关于JsTree 上下文菜单回调函数未触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11936498/

25 4 0
文章推荐： sql - 查找表的数据库位置
文章推荐： dll - 如何集中 VB6 dll 引用的 .net dll(com interop)
文章推荐： c# BackgroundWorker DoWork 方法调用另一个类和 ProgressReport
文章推荐： vhdl - 设计用于初始化的 VHDL 状态机