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格式傳遞的數據。
上一篇python 空格的編碼
下一篇python 深拷貝性能