在畫面只需拉一個div，其他都動態用ajax到資料庫撈資料後產生ul,li，再用jquery將之轉變為TreeView功能，請看Code。
載入時，先產生第一層的節點
增加節點的function，每次按下展開按鈕時，就會跑ajax去server端撈資料再塞入本來的節點(先刪後增)
設定TreeView的屬性
注意toggle是讓展開時可以動態去載入節點的關鍵，每一次點擊時都去載入並把舊的刪除後新增，另外只有多控制縮起來時不載入節點，其他屬性在內容中有備註。
在Server端就單純回傳json格式的字串，再到client端處理並加入節點，這邊就不多廢話了。
另外在每個節點裡面藏了一個gif讓節點展開時有一個載入的動畫，之後再塞入節點，比較活潑XD
展開後的樣子
沒有留言:
張貼留言