javascript - JSON 打印(树形 View )

Question

我有一个复杂的 json 字符串，如下所示:

    {
    "id":"2016666",
    "dt":"2012",
    "object_extends":[
        {
             "extend1":{
                "id":"2016666",
                "dt":"2012",
                "active":"true",
                "object_extend":[
                    {
                        "extend2":
                        {
                            "id":"2016666",
                            "secondary":null
                        },
                        "extend3":
                         {
                            "id":"2016666",
                            "pet":"willy"
                         }

                    }
                ]
            }

        }
    ]
}

现在我想像树一样打印它，但是当搜索几天时我必须修改 json(这不是一个选项)。我如何在 TreeView 中打印它？我尝试了 for 循环，但每个扩展都可以有其他属性然后其他对象。希望有人能帮助我!

Answer 1

你能看看这些吗:

How to generate Treeview from JSON data using javascript

https://github.com/lmenezes/json-tree

https://github.com/liuwenchao/aha-tree

https://github.com/AlexLibs/niTree

https://github.com/tamirs9876/JSON.Tree.Builder -- one of my fav

我想访问这个并使用你喜欢的:

https://github.com/search?utf8=%E2%9C%93&q=json+tree&type=Repositories&ref=searchresults

根据您的请求进行编辑:

删除 https://github.com/tamirs9876/JSON.Tree.Builder -- one of my fav 中的空节点:

用

覆盖第 8 行

if(data[i] != null){
}

在 JsonTreeBuilder.js

js文件的最后状态是这样的

.
.
var ul = $('<ul>');
            for (var i in data) {
                var li = $('<li>');
                if(data[i] != null){
                    ul.append(li.text(i).append(generateTree(data[i])));
                }
            }
.
.