easyui datagrid 分页页数可进行输入自定义页数

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);
	}
}

二、示例