可扩展和可折叠的树

Question

请帮助我如何使用 JavaScript 创建一个可展开和可折叠的树，其中 JSON 提要数据以以下格式显示。需要一些帮助来解决这个问题。

var dataSource = ({
            "Items": ({
                "Pen": ({}),
                "Pencil": ({
                    "Natraj": "Natraj Pencil",
                    "Afsara": "Afsara Pencil",
                    "Erason": "natraj Erason"
                }),

                "Book": ({
                    "Novel": "ShakeSpear Novel"
                }),
            })
        });

Answer 1

这是JSFiddle。我建议在 javascript 中创建对象，然后在需要时将这些对象/数组转换为 JSON...

var dataSource = [];

dataSource.push({
    Items: [{
        Pen: [],
        Pencil: [
            {Natraj: "Natraj Pencil"},
            {Afsara: "Afsara Pencil"},
            {Efason: "natraj Erason"}
        ],
        Book: [
            {Novel: "Shakespear Novel"}
        ]
    }]
});

console.log(JSON.stringify(dataSource));