easyui是一個基于jQuery的UI組件庫,其中有一個常用的數據格式就是json格式。
使用easyui的json格式時,需要按照以下格式進行編寫:
{ "total": 10, // 數據總數 "rows": [ // 數據行 { "id": 1, "name": "John", "age": 20 }, { "id": 2, "name": "Mary", "age": 25 }, { "id": 3, "name": "Tom", "age": 30 } ] }
其中,“total”表示數據總數,“rows”表示數據行,每一行都是一個json對象,包含需要展示的數據屬性。
在使用easyui時,將數據以json格式傳給datagrid控件,即可自動渲染表格展示數據。
$(function(){ $('#dg').datagrid({ url:'datagrid_data.json', columns:[[ // 表頭列 {field:'id',title:'ID',width:100}, {field:'name',title:'Name',width:100}, {field:'age',title:'Age',width:100} ]] }); });
以上是一個使用easyui展示數據的簡單示例,其中的“datagrid_data.json”就是一個json文件,存放數據。
總之,easyui的json格式在數據展示方面有著很大的優勢,使用起來也非常方便,是一個非常實用的數據格式。