如何使用jstree删除上下文菜单中的编辑选项

How to remove edit option in context menu using jstree?

本文关键字:编辑 选项 菜单 上下文 何使用 jstree 删除      更新时间:2023-09-26

我需要使用"jstree"jquery插件删除上下文菜单中的Edit选项。请告诉如何删除它。

我的代码是:

var contextualMenuSample=函数(){

    $("#tree_3").jstree({
        "core" : {
            "themes" : {
                "responsive": false
            }, 
            // so that create works
            "check_callback" : true,
        },
        "types" : {
            "default" : {
                "icon" : "fa fa-folder icon-state-warning icon-lg"
            },
            "file" : {
                "icon" : "fa fa-file icon-state-warning icon-lg"
            }
        },
        "state" : { "key" : "demo2" },
        "plugins" : [ "contextmenu", "dnd", "state", "types" ],
        "contextmenu" : {
            "items" :{
            "Edit": false
            }
        }

    });
}

这是我最简单的选择。所有主代码都放在"contextmenu.items"块中。

$('#c-list').jstree({
    "core": {
        "themes": {"responsive": false},
        "check_callback": true,
    },
    "types": {
        "default": {
            "icon": "fa fa-folder text-warning fa-lg"
        },
        "file": {
            "icon": "fa fa-file text-warning fa-lg"
        }
    },
    "contextmenu":{
        'items' : function(node) {
            var items = $.jstree.defaults.contextmenu.items();
            items.ccp = false;
            return items;
        }
    },
    "plugins": ["contextmenu", "dnd", "types", "search", "wholerow","checkbox"]
});
'contextmenu': {               
                'items' : function(node) {
                    var tmp = $.jstree.defaults.contextmenu.items();
                    tmp.ccp = false;
                }
 }