欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

easyui 分頁 json

江奕云2年前9瀏覽0評論

easyui是一款非常流行的前端UI框架,其提供了豐富的組件和工具,以便于開發人員快速開發優質的Web應用程序。其中一個常用的組件就是分頁組件。

在使用easyui分頁組件時,我們需要將分頁數據通過json格式傳遞給前端以便于easyui組件進行顯示。下面是一個簡單的例子:

{
"total": 50,
"rows": [
{"id":1,"name":"John","age":22},
{"id":2,"name":"Mike","age":30},
{"id":3,"name":"Lisa","age":20},
{"id":4,"name":"Tom","age":28},
{"id":5,"name":"Amy","age":25},
{"id":6,"name":"Steve","age":36},
{"id":7,"name":"Jack","age":27},
{"id":8,"name":"Nancy","age":33},
{"id":9,"name":"Bob","age":45},
{"id":10,"name":"Kelly","age":29}
]
}

其中,total表示總記錄數,rows表示當前頁的數據。在使用easyui分頁組件時,我們可以通過以下代碼來進行配置和初始化:

$('#datagrid').datagrid({
url: '/data/data.json', // 后端接口
pagination: true, // 是否顯示分頁組件
pageNumber: 1, // 當前頁碼
pageSize: 10, // 每頁顯示的記錄數
pageList: [10, 20, 30, 50], // 可選的每頁記錄數
queryParams: {}, // 查詢參數
columns: [[]] // 列配置
});

通過以上配置,我們就可以很方便地使用easyui分頁組件,并且展示通過json格式傳遞的數據。