easyui是一款基于jQuery的插件庫,可以用于快速地實現各種網頁特效。其中,easyui tree是一種非常常用的樹形結構組件,可以將數據以樹形結構展示。但是tree組件需要的數據結構不是很直觀,需要后臺傳遞一個特定的json格式數據。
下面是easyui tree組件所需要的json數據格式:
[{ "id": 1, "text": "節點1", "state": "open", "children": [{ "id": 11, "text": "節點11" }, { "id": 12, "text": "節點12" }] }, { "id": 2, "text": "節點2", "state": "closed" }]
其中,每一個節點包含以下幾個屬性:
- id:節點的唯一標識符,需要保證全局唯一
- text:節點顯示的文本內容
- state:節點的狀態,open表示節點已經打開(有子節點),closed表示節點已經關閉(沒有子節點)
- children:節點的子節點,如果當前節點沒有子節點則可以省略該屬性。
在后臺生成該json格式的數據時,需要保證各節點之間的層次關系符合樹形結構的要求,即子節點的id前綴應該是父節點的id。同時,在生成節點的id時,需要盡量保證其全局唯一性,以免出現沖突。
總體來說,easyui tree組件后臺json格式的生成是比較簡單的,只要按照上述格式生成正確的json數據即可。
上一篇python 淘客程序
下一篇python 空氣污染