icons - 自定义 jstree 上的上下文菜单和图标

Question

我想更改默认上下文菜单并使用子菜单自定义创建功能：创建服务和创建应用程序。然后我还想将图标与服务和应用程序子菜单相关联。

我在 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

使用图标图像的完整路径，像这样

图标：“/内容/图像/deleteIcon.gif”