Question

这是jstree代码：

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

其中treedata包含一些Json。不幸的是，没有任何渲染。我发现的例子是用于加载Json的ajax，但我现在用内联Json证明了这个概念。它是有效的Json，但jstree根本没有呈现任何东西。

谁能说出我做错了什么？

“tree”是有效的<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":[]}]';

请确保您的单引号和双引号，因为它会产生很大的不同。

如何使用内联Json加载jstree？

1 个答案: