easyui是一個基于jQuery的UI組件庫,其中有一個常用的數(shù)據(jù)格式就是json格式。
使用easyui的json格式時,需要按照以下格式進行編寫:
{ "total": 10, // 數(shù)據(jù)總數(shù) "rows": [ // 數(shù)據(jù)行 { "id": 1, "name": "John", "age": 20 }, { "id": 2, "name": "Mary", "age": 25 }, { "id": 3, "name": "Tom", "age": 30 } ] }
其中,“total”表示數(shù)據(jù)總數(shù),“rows”表示數(shù)據(jù)行,每一行都是一個json對象,包含需要展示的數(shù)據(jù)屬性。
在使用easyui時,將數(shù)據(jù)以json格式傳給datagrid控件,即可自動渲染表格展示數(shù)據(jù)。
$(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展示數(shù)據(jù)的簡單示例,其中的“datagrid_data.json”就是一個json文件,存放數(shù)據(jù)。
總之,easyui的json格式在數(shù)據(jù)展示方面有著很大的優(yōu)勢,使用起來也非常方便,是一個非常實用的數(shù)據(jù)格式。