easyui是一個基于jQuery的JavaScript組件庫,它提供了各種各樣的UI組件和插件,用于Web應用程序的開發。
其中的easyui tree組件可用于展示樹形結構的數據,如文件目錄、組織結構等。在easyui tree中,樹形數據需要以指定的json格式進行傳遞。
{ "id":1, "text":"Parent 1", "state":"closed", "children":[ { "id":11, "text":"Child 1", "state":"open" }, { "id":12, "text":"Child 2", "state":"closed", "children":[ { "id":121, "text":"Grandchild 1", "state":"open" }, { "id":122, "text":"Grandchild 2", "state":"closed", "children":[ { "id":1221, "text":"Great Grandchild 1", "state":"open" }, { "id":1222, "text":"Great Grandchild 2", "state":"open" } ] } ] } ] }
在此json格式中,每個節點都必須有唯一的id屬性,用于標識節點。text屬性用于顯示節點文本。如果一個節點有子節點,則需要在children屬性中添加一個json數組,其中存儲該節點的子節點。可以通過state屬性設置節點的初始狀態,如“open”表示展開狀態,“closed”表示關閉狀態。
以上是easyui tree的json格式簡介,開發者在使用時可以根據實際需求來增加或修改節點數據,以滿足其特定的業務需求。