EasyUI是一款優秀的前端UI庫,它提供了豐富的UI組件,其中就包括樹表格。在使用EasyUI樹表格時,我們通常需要提供與后端交互的JSON數據。
下面是一段使用EasyUI樹表格JSON數據的示例代碼:
{ "total": 2, "rows": [ { "id": "1", "name": "科技", "_parentId": "0", "children": [ { "id": "11", "name": "計算機", "_parentId": "1", "children": [ { "id": "111", "name": "軟件", "_parentId": "11", "children": [] }, { "id": "112", "name": "硬件", "_parentId": "11", "children": [] } ] }, { "id": "12", "name": "通信", "_parentId": "1", "children": [ { "id": "121", "name": "手機", "_parentId": "12", "children": [] }, { "id": "122", "name": "電信", "_parentId": "12", "children": [] } ] } ] }, { "id": "2", "name": "體育", "_parentId": "0", "children": [ { "id": "21", "name": "足球", "_parentId": "2", "children": [] }, { "id": "22", "name": "籃球", "_parentId": "2", "children": [] } ] } ] }
該JSON數據包含了兩個節點,分別為“科技”和“體育”,并且它們都是根節點(_parentId為0)。其中,“科技”節點包含了“計算機”和“通信”兩個子節點,每個子節點又包含了它們的子節點。
使用這樣的JSON數據,我們就可以通過EasyUI樹表格將其展示出來。要展示樹表格只需要在EasyUI中設置treegrid類型即可。同時,通過columns屬性我們可以指定樹表格的列數和內容。
總之,通過EasyUI樹表格JSON數據,我們可以快速實現一個具有良好可讀性和結構性的前端列表。