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

easyui 专栏收录该内容
9 篇文章 0 订阅

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

二、示例

在这里插入图片描述

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值