在jstree上自定义上下文菜单和图标

Question

我想更改默认的contextmenu并使用子菜单自定义create function：create service和create application。然后我还想将图标与服务和应用程序子菜单相关联。

我在stackoverflow上搜索了可用的解决方案并对其进行了修改以满足我的要求。但它不起作用。 到目前为止，当我点击子菜单时，会显示警告框。但是创建节点不起作用。图标也不会显示。

有人可以告诉我如何解决这个问题吗？

  "contextmenu" : {
    items : { b
        "create" : {
            "separator_before"  : false,
            "separator_after"   : true,
            "label"             : "Create",
            "action"            : false,
            "submenu" :{
                "create_service" : {
                    "seperator_before" : false,
                    "seperator_after" : false,
                    "label" : "service",
        "icon": "service.png",
                    action : function (obj) {
            alert("creating service");
                            this.create(obj, "last", {"attr" : {"rel" : "service"}});
                    }
                },
                "create_application" : {
                    "seperator_before" : false,
                    "seperator_after" : false,
                    "label" : "app",
        "icon": "app.png",
                    action : function (obj) { 
            alert("creating app");                              
                            this.create(obj, "last", {"attr" : { "rel" : "application"}});
                    }
                }
            }
        }
    }
  }

Answer 1

检查第2行，然后删除“b”：

items : { b

举个例子，我的竞赛菜单的片段（也许这有帮助）：

"contextmenu": {
    "items": {
        "create" : false,
        "ccp" : false,
        "rename" : false,
        "remove" : {
            "label" : " Delete",
            "icon" : "/images/icon/cross.png"
        }
    }
},

Answer 2

使用图标图片的完整路径，例如

icon：“/Content/images/deleteIcon.gif”