javascript - 如何使用内联 Json 加载 jstree？

Question

这是 jstree 代码:

 $("#tree").jstree({
          "json_data": {
              "data": treedata,
              "progressive_render": true
          },
          "plugins": ["themes", "json_data"]
      }); 

哪里treedata包含一些 Json。不幸的是，没有任何渲染。我找到的示例是用于 ajax 加载 Json 的，但我现在正在使用内联 Json 来证明这个概念。它是有效的 Json，但 jstree 根本不呈现任何内容。

谁能告诉我做错了什么？

“树”是一个有效的 <div>

Answer 1

你的treedata是json还是json字符串？如果是 json 字符串，您需要先使用 var treedata= $.parseJSON(treedatastring);。

我在当前页面中使用此代码并且它有效。我知道你说你的 json 是有效的，但你可能想发布它或在此 site 上测试它

var jsonConverted = $.parseJSON(jsonData);
    $('#tree').jstree({
        "json_data": {
            "data": jsonConverted
        },
        "themes": {
            "theme": "default",
            "url": "/Content/Styles/Default/themes/default/style.css",
            "dots": false
        },
        "plugins": ["themes", "json_data", "ui", "crrm"]
    });

jsonData='[{"attr": { "id": "someid"}, "data": { "title":"SomeTitle", "icon": "/Content/images/FolderIcon .png"}, " children ":[]}]';

请务必使用单引号和双引号，因为这会产生很大的不同。