如何在引导树中使用JSON数据？

Question

我正在尝试使用引导树来获取JSON数据。我生成这样的JSON数据：

var newData = [

                {
                    "resName": "LYS",
                    "atoms": [

                            {
                                "atomName": "N",
                                "x": 37.995,
                                "y": 20.521,
                                "z": 9.231
                            },
                            {
                                "atomName": "CA",
                                "x": 38.067,
                                "y": 19.342,
                                "z": 10.141
                            }

                        ]
                }
...
            ];

在代码的最后我希望得到这样的结果：

但http://jonmiles.github.io/bootstrap-treeview代码使用如下数据：

var defaultData = [
              {
                text: 'Parent 1',
                href: '#parent1',
                tags: ['4'],
                nodes: [
                  {
                    text: 'Child 1',
                    href: '#child1',
                    tags: ['2'],
                    nodes: [
                      {
                        text: 'Grandchild 1',
                        href: '#grandchild1',
                        tags: ['0']
                      },
                      {
                        text: 'Grandchild 2',
                        href: '#grandchild2',
                        tags: ['0']
                      }
                    ]
                  },
                  {
                    text: 'Child 2',
                    href: '#child2',
                    tags: ['0']
                  }
                ]
              },
              {
                text: 'Parent 2',
                href: '#parent2',
                tags: ['0']
              }
            ];

我可以使用resName或atom而不是text吗？或者我可以做任何事情来达到我预期的结果吗？我没有发现任何相关信息。

Answer 1

这是JSON库的一般bootstrap-treeview格式，如果您想根据自定义JSON数据制作树，则需要对bootstrap-treeview js进行更改使用bootstrap密钥替换JSON广义JSON密钥，但您需要确保它不会破坏任何内容。