如何在jstree中为不同类型的节点配置上下文菜单？

Question

我在使用jstree的'contextmenu'和'types'插件，想要根据'types'定义不同的上下文菜单，就像这样：

$("#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 } }
        }
    }
});

但是它不起作用，它为所有节点显示相同的上下文菜单，而不是像我为“叶子”节点定义的那样指定一个。是否因为无法在类型中定义上下文菜单？那么如何轻松实现这一点。

- dencey

Answer 1

您需要在上下文菜单插件部分定义上下文菜单。 我认为目前最好的方法是定义所有节点的所有项目，然后根据节点类型删除项目，或者更好的方法是定义一个函数，根据节点返回上下文菜单。也就是说，这是通常情况下不使用函数定义上下文菜单的方式：

    "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;
}

- Amir

---

将"_disabled: function() {...}"设置为禁用功能对我非常有效，谢谢。 - JayCrossler