javascript - 使用 JQuery.getJSON() 从 json 文件加载 contecxtmenu

Question

我需要从 json 文件中加载 jsTree 的上下文菜单。上下文菜单保存在此文件（“test.json”）中：

{
    "item1" : {
        "label" : "voce1"
    },
    "item2" : {
        "label" : "voce2"
    }
}

加载上下文菜单的代码是：

$(function () {

    $("#tree").jstree({ 
        "plugins" : [ "themes", "json_data", "ui", "contextmenu" ],

        // other code ....

        "contextmenu" : {
        "items" : customMenu
    }

    })
});

function customMenu(node) {

    $.getJSON( "test.json", function(json) {
        return json;
    });
}

这样，我看不到上下文菜单。你能帮助我吗？

Answer 1

我不知道 jstree 插件是如何工作的，但也许你应该尝试不同的方法，首先加载发出 Ajax 请求的 JSON 数据，然后在完成后初始化 jstree：

$(function () {
 $.getJSON( "test.json", function(json) {
  $("#tree").jstree({ 
    "plugins" : [ "themes", "json_data", "ui", "contextmenu" ],
    "contextmenu" : {
      "items" : json
    }
  });
 });
});

这是因为 Ajax 调用是异步的，因此您的customMenu()函数不会向您"items"的"contextmenu".