可展开和可折叠的树
问题描述:
请帮助我如何使用以下格式显示的JSON提要数据来创建带JavaScript的可展开和可折叠树。需要帮助解决此问题。可展开和可折叠的树
var dataSource = ({
"Items": ({
"Pen": ({}),
"Pencil": ({
"Natraj": "Natraj Pencil",
"Afsara": "Afsara Pencil",
"Erason": "natraj Erason"
}),
"Book": ({
"Novel": "ShakeSpear Novel"
}),
})
});
答
这里是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));
但我应该怎么使它扩张和收缩的操作通过点击,这样它将作为一个文件夹树行动呢? – user3237973
除非你打算自己写整个树视图。我会建议寻找像jQuery插件的东西,如jsTree(http://www.jstree.com/demo),它可以将json解释为树形格式。 – Jason
好的可以建议我如何执行JavaScript的可扩展和可折叠操作而不是Jquery的操作,因为它非常简单,但无法在JavaScript中找到它。这将是非常可观的获得此问题的解决方案 – user3237973