EasyUI Tree 是一種基于 jQuery 的樹型列表插件,它允許以一種簡潔易懂的方式展示數據層次結構。這個插件還支持從 JSON 數據里獲取數據,并自動生成樹形結構。
在 EasyUI Tree 中,可以使用 JSON 數據為樹形結構提供數據和屬性。這個 JSON 格式可以如下所示:
[ { "id": 1, "text": "節點1", "state": "closed", "children": [ { "id": 11, "text": "節點11" }, { "id": 12, "text": "節點12" } ] }, { "id": 2, "text": "節點2" } ]
在這個 JSON 數據中,每個節點都有一個 id 和 text 屬性,分別代表節點的唯一標識符和顯示名稱。此外,節點還可以有其它的屬性,如 state 和 children。
state 屬性表示節點的狀態,其值可以是 "open" 或 "closed"。如果節點的狀態為 "closed",則表示該節點有子節點,并在展開時會自動加載子節點數據。如果節點的狀態為 "open",則表示節點沒有子節點。
children 屬性表示節點的子節點信息,其值為一個數組,數組中的元素也是 JSON 對象。這樣,通過使用 JSON 數據,輕松地創建帶有層次結構的樹型列表就成為可能了。