在網頁開發中,EasyUI JSON樹是非常常用的一種表現形式,可以清晰的展示出數據之間的層級關系。通過使用EasyUI JSON樹的功能,我們可以快速地展示數據,并且使數據更加直觀易懂。
$('#tree').tree({ url: 'tree_data.json', onLoadSuccess: function(node, data){ $(this).tree('select', data[0].id); } });
在使用EasyUI JSON樹的時候,我們需要傳遞一個json格式的數據用來展示。在上面的代碼中,我們使用了tree方法來展示json格式的數據。其中,url參數表示數據來源的地址,onLoadSuccess參數表示當數據加載完畢以后的觸發函數,我們可以在這里定義我們需要執行的操作。
[{ "id":1, "text":"菜單", "children":[{ "id":2, "text":"子菜單1" },{ "id":3, "text":"子菜單2" }] }]
上面的代碼就是一個最簡單的EasyUI JSON樹所需要的數據格式。將數據保存在一個數組中,數組中每一個元素都代表根節點下的一個子樹,子樹中可以有多個節點。節點的id、text都是必須的,其中id用來標識節點,text則是節點顯示的文本。
上一篇python 源文件查重
下一篇python 源文件改寫