module.exports = {
queryMethod(){
let params = checkQueryParams.call(this);
if (!params) {
return;
}
//ajax請求，$UPost,$UConfApi是我在項目中封裝好的方法，其實就是調取后臺接口，$UPost是一個promise對象，所以可以用then（）方法，params是傳給后臺的參數
return $UPost($UConfApi('H_Log_Operate'), params).then(result => { //es6箭頭函數的寫法
if (!result || result.rows < 1) {
return alert(“無查詢結構！”);
}
let pager = $('#grid').datagrid('getPager');
pager.pagination('refresh', {
total:result.results
});
pager.pagination({
onSelectPage: function (pageNum, pageSize) {
let start = parseInt(pageNum-1)*parseInt(pageSize);
let limit = parseInt(pageSize);
//再次調用接口，取到新數據
$UPost($UConfApi('H_Log_Operate'), {start:start,limit:limit}).then(result => {
let data = result.rows;
$('#grid').datagrid('loadData',data);
pager.pagination('refresh', {
total:result.results,
pageNumber: pageNum,
pageSize: pageSize
});
})

}
});
})

},
}

//獲取參數 function checkQueryParams() {

let {
LangCommon: lang,
LangUser
} = $ULanguage();
let {
starttime,
endtime,
accountid,
start = 0,
limit
} = this;
accountid = $('#accountid').textbox('getText');
starttime = $("#range-time-start").val();
endtime = $("#range-time-end").val();
let shortName = $("#shortname").combobox('getText');
if(!shortName){
return $UToolAlert(LangUser.shortname_null);
}
if (!accountid) {
return $UToolAlert(lang.exist);
}
if (!starttime || !endtime) {
return $UToolAlert(lang.dateHint)
}
//分頁相關內容start let opts = $('#grid').datagrid('options');
let pager = $('#grid').datagrid('getPager'); pager.pagination({
onSelectPage: function (pageNum, pageSize) {
opts.pageNumber = pageNum;
opts.pageSize = pageSize;
}
});
start = parseInt(opts.pageNumber-1)*parseInt(opts.pageSize);
limit = parseInt(opts.pageSize); //分頁相關內容end return {
starttime,
endtime,
accountid,
start,
limit
};
}

轉載于:https://www.cnblogs.com/geqin/p/7232753.html

總結

以上是生活随笔為你收集整理的easyui datagrid 后台分页，前端如何处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。