javascript – 如何为jstree中不同类型的节点配置contextmenu？

我在jstree中使用’contextmenu’和’types’插件,并希望根据’types’定义不同的contextmenu,如下所示：

$("#tree").jstree({
    "plugins" : [ "themes", "json_data", "ui", "contextmenu", "types" ],
    "themes" : {
        "url" : "css/jstree/themes/classic/style.css",
        "theme" : "classic",
        "icons" : false
    },
    "json_data" : { "data" : data },
    "types": {
        "types": {
            "leaf": { "contextmenu" : { items : contextMenu } }
        }
    }
});

但它不起作用,它为所有节点显示相同的上下文菜单,没有像我为’leaf’节点定义的指定的上下文菜单.是因为无法在类型中定义contextmenu吗？那么如何轻松实现这一目标.

解决方法:

您必须在上下文菜单插件部分中定义上下文菜单.
我认为目前最好的方法是为所有节点定义所有项目,然后根据节点类型删除项目,甚至更好 – 定义一个根据节点返回上下文菜单的函数.也就是说,这是你通常在没有函数的情况下定义contextmenu的方法：

    "contextmenu" : {
        items: {
            "some_action" : {
                "label" : "Do something",
                "action"            : function (obj) { this.do_action(obj); },
                "_disabled"         : function (obj) { 
                    // here you can decide if you want to show the item but disable it
                }
            };
            // define more items
        };
         if (data.rslt.o.attr("rel") == "no_action") {
            delete items.some_action;
        }
    return items;
}

标签：jstree,javascript
来源： https://codeday.me/bug/20190729/1574202.html