Question

我对JsTree的contextmenu有问题，如何从上下文菜单中删除默认元素，如Create，Delete，Rename？我想提供我自己的元素，但默认元素仍然在contextmenu。

    "contextmenu" : {
                    "items" : {
                        "IsimVer" : {
                            "label" : "İsim Değiştir",
                            "action" : function (obj) { this.rename(obj); }
                        },
                        "Ekle" : {
                            "label" : "Ekle",
                            "action" : function (obj) { this.create(obj); }
                        },
                        "Sil" : {
                            "label" : "Sil",
                            "action" : function (obj) { this.remove(obj); }
                        }
}

Answer 1

我几天前遇到过这个问题，但还没有确定这是一个错误还是一个功能。它可能与插件的加载顺序有关。

对我有用的是从函数返回项目：

"contextmenu" : {
    "items" : function ($node) {
        return {
            "IsimVer" : {
                "label" : "İsim Değiştir",
                "action" : function (obj) { this.rename(obj); }
            },
            "Ekle" : {
                "label" : "Ekle",
                "action" : function (obj) { this.create(obj); }
            },
            "Sil" : {
                "label" : "Sil",
                "action" : function (obj) { this.remove(obj); }
            }
        };
    }
}

经过一些搜索似乎是default behaviour is for your menu items to extend the defaults，所以这是一个功能。不幸的是，文档目前缺乏关于这一点的细节。

Answer 2

如果您想修改现有项目的标签或删除一些项目，可以使用下面的简单解决方案

"contextmenu": {
   "items": function(node) {
           var defaultItems = $.jstree.defaults.contextmenu.items();
           defaultItems.create.label = "Ekle";
           delete defaultItems.ccp;
           return defaultItems;
        }
    }

这将设置＆＃34;创建＆＃34;项目标签为＆＃34; Ekle＆＃34;并从默认项目中删除剪切复制粘贴。

Answer 3

只需在items对象中将value设置为false即可。例如，要禁用编辑（剪切，复制，粘贴）菜单，请尝试以下操作：

contextmenu : {
    items : {
        "ccp" : false
    }
}

Answer 4

将 ccp ，创建，重命名，删除设置为 false ，如下所示：

plugins : ["themes","json_data","ui","crrm", "hotkeys", "types", "contextmenu"],
contextmenu : {
    items : {
        "IsimVer" : {
            "label" : "IsimVer",
            "action" : function (obj) { alert("IsimVer"); }
        },
        "Ekle" : {
            "label" : "Ekle",
            "action" : function (obj) { alert("Ekle"); }
        },
        "Sil" : {
            "label" : "Sil",
            "action" : function (obj) { alert("tiga"); }
        },
        "ccp" : false,
        "create" : false,
        "rename" : false,
        "remove" : false
    }
}

jstree从上下文菜单中删除默认元素

4 个答案: