未知架构的嵌套子节点的动态 JSON 可视化

本文关键字:动态 JSON 可视化 子节点 嵌套 未知 | 更新日期: 2023-09-27 18:32:01

我有一个JSON字符串(从文件中读取),我想可视化网页。

JSON 具有嵌套的子项,有些嵌套的比其他子项更深,总共有 200,000 个对象。

我需要某种方法来可视化这个复杂的 json,以便用户可以展开和关闭节点并删除节点及其子节点。

是否有任何本机 .net 组件或开源组件对于此用途很常见,有人可以在下面使用它们来演示它们的使用吗?

    {"Files":
    {
      "list_of_files": [
        "testfile.txt",
        "textfile2.txt"
      ],
      "folder1":
       {
        "list_of_files": [
          "test.txt"
        ]
       },
        "folder2": {
          "list_of_files": [
            "test1.txt",
            "test2.txt"
          ], 
     "folder2_folder1":
       {
        "list_of_files": [
          "test.txt"
        ]
       }
        }
    }
 }

未知架构的嵌套子节点的动态 JSON 可视化

最明显的解决方案是使用某种树视图。您用 ASP.NET 标记了 SO,并且有 asp:TreeView 组件,但鉴于您的集合非常大,我不鼓励您使用它,因为页面大小可能会很大(也许是组件支持虚拟化,虽然不确定)相反,您应该进行客户端可视化。我会建议角度的树视图

http://ngmodules.org/modules/angular.treeview

Angular非常简单易学,并且通过其MVVM架构,您可以轻松虚拟化数据,因此您无需在开始时加载所有数据。

另一种选择是使用银光,但这有点限制。