可展開和可摺疊的樹

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