1

我有一些以 JSON 格式存储的数据。我希望能够以类似于 MongoVUE 呈现 mondodb 文档的方式在浏览器中将其显示为动态树结构： 屏幕截图

我找到了一个非常不错的 jquery 插件，叫做 jsTree。不幸的是，为了处理 JSON 文档，它需要数据具有非常具体的冗长（在我看来是多余的）结构：链接。使用它意味着对我的 json 文档进行重大修改。我宁愿寻找一种能够自动构建树的工具，无需对数据进行严重的手动调整，但如果需要，我可以对视图进行一些修改。

json.bloople.net 上的工具使用表格进行了类似的操作，但是因为我有多个嵌套文档级别，所以输出看起来非常臃肿。此外，该结构不是动态可折叠的。

我将不胜感激有关完成这项工作的正确工具的任何提示，包括那些可能需要（自动！）在 Java/Groovy 或纯基于 JavaScript 的解决方案中预处理 JSON 数据的工具。

4

1 回答 1

0

JSON这只是一个简单的示例，说明如何在 html 中 输出树状结构。http://jsfiddle.net/K2ZQQ/1/（请参阅此处了解浏览器对空白的支持）。请注意，第二个参数 toJSON.stringify是一个replacer函数：

来自http://msdn.microsoft.com/en-us/library/ie/cc836459(v=vs.94).aspx

如果 replacer 是一个函数，JSON.stringify 调用该函数，传入每个成员的键和值。使用返回值而不是原始值。如果函数返回未定义，则排除该成员。根对象的键是一个空字符串：“”。

因此，如果您需要对JSON树的 dislpay 添加任何进一步的修改，该replacer功能可能会有所帮助。

于 2013-02-28T19:29:59.723 回答