easyui datagrid 分页页数可进行输入自定义页数
一、方法:
在列表的onLoadSuccess 函数中添加如下方法changePageList();
//自定义翻页页数
function changePageList(){
var masterGridId=$($RL.getGrid()).attr('id');//获取列表id
$("#pagination-page-list-Input").remove();
$('#boxCenter .pagination-page-list').parent().css('position','relative');
var selectPageListValue=$('.pagination-page-list').val()
$('#boxCenter .pagination-page-list').after('<input type="text" onkeydown="pageListKeydown(event)" onkeyup="pageListKeyup(event)" value='+selectPageListValue+' class="pagination-page-list-Input" id="pagination-page-list-Input"/>')
}
//分页输入框keydown事件---回车进行查询及pageSize/pageList更新
function pageListKeydown(event){
if (event.keyCode == "13") {
var pagelistInpputVal=$('#pagination-page-list-Input').val();
var newPageList=[];
var newPageSize=0;
var pager = $($RL.getGrid()).datagrid('getPager');
var opts = $($RL.getGrid()).datagrid('options');
var oldPageList=opts.pageList;
var oldPageSize=opts.pageSize;
var pagelistInpputValue=Number(pagelistInpputVal);
if(pagelistInpputValue!=0){
var valChangeFlag=oldPageList.indexOf(pagelistInpputValue)
if(valChangeFlag==-1){
oldPageList.push(pagelistInpputValue)
newPageList=arrSort(oldPageList)
newPageSize=pagelistInpputValue;
}else{
newPageList=oldPageList;
newPageSize=oldPageSize;
}
}else{
newPageList=oldPageList;
newPageSize=oldPageSize;
}
opts.pageList=newPageList;
opts.pageSize=newPageSize;
pager.pagination({
pageSize: newPageSize,//每页显示的记录条数,默认为10
pageList: newPageList,//可以设置每页记录条数的列表
onChangePageSize: function (pageSize) {
pager.pagination('refresh', {
pageNumber: opts.pageNumber,
pageSize: pageSize
});
}
});
$($RL.getGrid()).datagrid("reload");
}
}
//分页输入框keyup事件:控制输入内容为number类型
function pageListKeyup(e){
var inputNumber = $(e.currentTarget).val();
if (inputNumber.length == 1) {
inputNumber = inputNumber.replace(/[^1-9]/g, '');
$("#pagination-page-list-Input").val(inputNumber);
} else {
inputNumber = inputNumber.replace(/\D/g, '');
$("#pagination-page-list-Input").val(inputNumber);
}
}