可扩展和可折叠的树

Question

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

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));