繁体   English   中英

如何将复杂的json渲染到Jstree中

How do I render complex json into Jstree

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试将复杂的json渲染到jstree中。 但是由于某种原因,jstree不接受我的json。 我的JSON如下。 请告诉我如何用此json制作树。 我已经尝试过使用基本的JSON数据,但是需要这样做。 当我嵌套孩子时,它似乎会失败。 香港专业教育学院将此数据输入到JSTree,但它不呈现任何内容。

$(function() {
        var Collection = {
"toc": {
    "_version": "1",
    "_lang": "en",
    "_icon": "/icon/tfu.png",
    "_display_name": "science_1",
    "_learning_engine": "disabled",
    "_grade": "1",
    "_curriculum": "CBSE",
    "ge": [
        {
            "_display_name": "You and Your Surroundings",
            "_id": "5b7b8883ff0f25785592a6db",
            "_icon": "tfu.png",
            "_learning_status": "0",
            "_unlocked": false,
            "ge": [
                {
                    "_display_name": "Our Surroundings",
                    "_id": "5b7b8883ff0f25785592a6dc",
                    "_learning_status": "0",
                    "_unlocked": false,
                    "ge": [
                        {
                            "_display_name": "Our Surroundings",
                            "_id": "e121076",
                            "_icon": "thumbnails/e121076.png",
                            "_demo_content": false,
                            "_learning_status": "0",
                            "_unlocked": false,
                            "_notes": true,
                            "_description": "This topic describes our surroundings.",
                            "ce": [
                                {
                                    "_display_name": "Objectives",
                                    "_banner": "banner/objectives/",
                                    "_id": "5b7b8883ff0f25785592a6de",
                                    "_type": "objectives",
                                    "_url": "lessonoutcome/e121076.json",
                                    "flow_rule": "usage = 500"
                                },
                                {
                                    "_display_name": "Our Surroundings",
                                    "_id": "e121076",
                                    "_icon": "icon/video.png",
                                    "_CEW": 10,
                                    "_RE": 5,
                                    "_type": "video",
                                    "_min_eff_time": 300,
                                    "_max_eff_time": 600,
                                    "_url": "secure_video/success/e121076_our_surroundings_B2C_US.mp4 ",
                                    "flow_rule": "usage = 500"
                                },
                                {
                                    "_display_name": "Activity 1",
                                    "_id": "5b7b8883ff0f25785592a6e0",
                                    "_type": "html_activity",
                                    "_url": "e121076/Activity1/index.html",
                                    "flow_rule": "usage = 500",
                                    "no_instructions": false
                                },
                                {
                                    "_display_name": "Activity 2",
                                    "_id": "5b7b8883ff0f25785592a6e1",
                                    "_type": "html_activity",
                                    "_url": "e121076/Activity2/index.html",
                                    "flow_rule": "usage = 500",
                                    "no_instructions": true
                                },
                                {
                                    "_display_name": "Activity 3",
                                    "_id": "5b7b8883ff0f25785592a6e2",
                                    "_type": "html_activity",
                                    "_url": "e121076/Activity3/index.html",
                                    "flow_rule": "usage = 500",
                                    "no_instructions": true
                                },
                                {
                                    "_display_name": "Challenge Test",
                                    "_id": "5b7b8883ff0f25785592a6e3",
                                    "_type": "challenge_test",
                                    "_url": "e121076",
                                    "flow_rule": "usage = 500"
                                }
                            ]
                        }
                    ],
                    "ce": {
                        "_display_name": "Practice Test",
                        "_id": "5b7b8883ff0f25785592a6dc_CT",
                        "_type": "practice_quiz",
                        "_url": [
                            "e121076"
                        ],
                        "flow_rule": "usage = 500",
                        "_demo_content": false,
                        "no_instructions": true
                    }
                }
            ],
            "ce": {
                "_display_name": "Challenge Test",
                "_id": "5b7b8883ff0f25785592a6db_CT",
                "_type": "challenge_test",
                "_url": [
                    "e121076"
                ],
                "flow_rule": "usage = 500",
                "_demo_content": false
            }
        }
    ]
}

在这个json之后,我正在尝试使用渲染它;

$('#data').jstree({
    'core' : {
        'check_callback' : true,
        'data' :arrayCollection ,
    }
问题暂未有回复.您可以查看右边的相关问题.
1 jstree中的JSON格式

我必须使用jstree插件创建树,我的JSON响应采用以下格式 但是根据文档 在JS中,我正在使用渲染jstree } 我必须先渲染父根节点,然后单击具有子节点的节点,它应该得到childNodes。 有什么方法可以以我所需的格式呈现JSON,或者有其他树形渲 ...

4 渲染复杂的json和过滤

尝试实现带有过滤的选择框我遇到了一些性能问题(初始加载时间不可接受-尤其是在IE中),呈现了沉重的复杂内容(大约30个类别,每个类别包含大约30个主题,每个主题最多包含10个主题)使用KnockoutJS的json。 尝试使用嵌套的foreach binging: 您能建议如何使 ...

5 jsTree不使用“内联”json数据进行渲染

我已经和jsTree打了好几天了。 这很简单但没有任何事情发生。 这是脚本: 直接向前和向右走出书。 这是标记结果: 什么都没有呈现,但div容器上的类。 如果我从ajax帖子中检索json数据,则相同。 没有。 甚至没有ajax帖子在我的控制台中注册。 也没有错误 ...

6 从jstree中的外部json文件加载数据

我想将json数据从外部文件传递到jstree对象。 我有以下代码段,但没有用 我的nodes.json文件 当我在javascript中手动插入此数据时,它可以正常工作,但是当我在那时分配node.json外部文件的路径时,它不起作用 ...

7 jsTree:如何添加复杂节点

如何在jstree实例(即具有未知级别的子级的节点)中添加分支 。 // example of a branch (with one level) var branch = { "data":"Folder 1", "attr":{"rel":"Layer","elt":1}, ...

2013-02-06 15:08:03 1 930   jstree
8 将Json作为变量加载到jsTree中

我在Json中使用jstree。 我的问题是我可以直接将Json提供到jsTree数据中,但是当我将其作为变量传递时,它将打印整个Json字符串作为一个节点的标题。 下面是nodes.json { "id": "ajson1", "parent": "#", "text": ...

9 jstree从树中获取新的json数据

我创建了一个包含以下数据的树。 在这个过程之后,我在菜单之间进行了拖放过程。结果我的菜单结构被更改了。 我想导出与我的第一个数据具有相同结构的新json数据。 如何从树中获取数据? 请帮助我。 我试过这段代码,但这个导出非常复杂的json。 我想要我的第一个数据格式。 第 ...

10 如何将json渲染为DOM中的元素?

我有一个动态表,在其中显示一些数据,其中90%的数据只是文本,而10%的是元素。 如您在下面看到的,有一个带有一些json的表。 例如,在json上说"element_type": ["WAGER_ACTION_BUTTON"]我需要显示一个按钮,在另一种情况下,则显示...:"BASIC_ ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM