EasyUI作為一個基于jQuery的用戶界面插件庫擁有豐富的組件庫,其中的Grid組件可方便地實現數據表格的展示、篩選與排序等功能。在EasyUI Grid中,默認的數據格式是JSON,而且對JSON的格式有嚴格的要求。
{ "total": 100, "rows": [ { "id": 1, "name": "小明", "age": 20, "gender": "男" }, { "id": 2, "name": "小紅", "age": 22, "gender": "女" }, { "id": 3, "name": "小剛", "age": 21, "gender": "男" } ] }
其中,"total"表示總記錄數,"rows"是一個數組,里面存放的每一個對象代表一條記錄。每個對象中的屬性為Grid列的字段名,其屬性值則為對應的列值。
需要注意的是,如果EasyUI Grid中需要進行分頁,那么返回的JSON數據中必須包含"total"屬性,否則無法進行分頁操作。
如果需要對數據進行篩選或排序,則可以在后端程序中直接處理,返回已經篩選或排序過的JSON數據。
{ "total": 100, "rows": [ { "id": 1, "name": "小明", "age": 20, "gender": "男" }, { "id": 3, "name": "小剛", "age": 21, "gender": "男" } ] }
通過對JSON數據格式的嚴格要求,EasyUI Grid能夠方便地對數據進行展示、篩選與排序,是很方便的數據表格插件。