如何使用内联 Json 加载 jstree？

发布于 2024-09-24 01:20:43 字数 449 浏览 8 评论 0原文

这是 jstree 代码：

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

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

谁能告诉我我做错了什么？

“tree”是一个有效的

原文

Here's the jstree code:

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

where treedata contains some Json. Unfortunately, nothing's rendering. The examples I've found are for ajax-loading the Json, but I'm proving the concept with inline Json for now. It's valid Json, but jstree isn't rendering anything at all.

Can anyone tell what I'm doing wrong?

"tree" is a valid <div>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小嗷兮 2024-10-01 01:20:43

你的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":[]}]';

确保使用单引号和双引号，因为它有很大的不同。

Is your treedata json or a json string? If it's a json string you need to use var treedata= $.parseJSON(treedatastring); first.

I use this code in a current page and it works. I know you say your json is valid, but you might want to post it anyway or test it at this 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"]
    });

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

Be sure of your single and double quotation marks, because it makes a big difference.

回复收藏 0 原文

~没有更多了~