可展开和可折叠的树

Question

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

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