Question

我在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吗？那么如何轻松实现这一目标。

Answer 1

您必须在上下文菜单插件部分中定义上下文菜单。我认为目前最好的方法是为所有节点定义所有项目，然后根据节点类型删除项目，甚至更好 - 定义一个根据节点返回上下文菜单的函数。也就是说，这就是你通常在没有函数的情况下定义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中为不同类型的节点配置上下文菜单？

1 个答案: