EasyUI是一款非常好用的前端UI開發框架,它可以很容易地完成頁面的設計和數據的展示。在EasyUI中使用JSON數據是非常普遍的操作之一,下面我們就來介紹一下如何在EasyUI頁面中顯示JSON數據。
//JSON數據格式 var data = [ {"name":"小明","age":18,"sex":"男"}, {"name":"小紅","age":20,"sex":"女"}, {"name":"小李","age":22,"sex":"男"}, ]; //EasyUI數據表格的使用 $(function(){ //數據表格 $('#dg').datagrid({ data:data,//數據源 columns:[[ { field:'name',title:'姓名' }, { field:'age',title:'年齡' }, { field:'sex',title:'性別' } ]] }); });
上述代碼演示了如何在EasyUI數據表格中顯示JSON數據,首先定義了一個JSON數據,然后在頁面的JavaScript代碼中引入,并使用數據表格控件進行展示。其中 data 屬性指定數據源,columns 屬性指定表格列的屬性,可以根據需要自定義。
EasyUI不僅支持數據表格,還支持樹形表格、列表等多種數據展示方式,具體用法可以在EasyUI的官方文檔中查看,操作簡單,使用方便,適合各種中小型項目的開發,非常值得使用。