datagrid分页
datagrid分页
DakeZhang 发表于3个月前
datagrid分页
  • 发表于 3个月前
  • 阅读 0
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

后台分页: `<script type="text/javascript">

var page=1;
var rows=20;
$(function(){
	var dg = $('#id');
	var opts = dg.datagrid('options');
	var pager = dg.datagrid('getPager');
	pager.pagination({
		pageList : [ 20, 30, 50 ],//这里是每页显示的条数
		onSelectPage : function(pageNum, pageSize) {
			page = pageNum;
			rows = pageSize;
			getprodata(page,rows);
		}//这里获取底部分页栏的当前页和每页显示的条数
	}); 
	getprodata(page,rows);	
	
function getprodata(page,rows){
	$.ajax({
		type:"post",
		url:"",//对应的路径
		dataType:"json",
		data:{"page":page,"rows":rows},
		async:false,
		cache:false,
		success:function(msg){
			var bdzdata=eval(msg).rows;
			var total=eval(msg).total;
			dataOption = {
					total : total,
					rows : bdzdata
				}//后台将数据拼成total,和rows的jeson格式
			$("#tablebdz").datagrid("loadData",dataOption);
			
		}
		
	});
	
}

</script>`

前台分页:``` <script type="text/javascript"> $.ajax({ type:"post", url:" ",//对应的url dataType:"json", data:{ },//传的参数 async:false, cache:false, success:function(msg){ var bdzdata=eval(msg).gj; $('#tablebdz').datagrid({ loadFilter : pagerFilter }).datagrid('loadData', bdzdata);
}

function pagerFilter(data) {
	if (typeof data.length == 'number' && typeof data.splice == 'function') { // is array
		data = {
			total : data.length,
			rows : data
		}
	}
	var dg = $(this);
	var opts = dg.datagrid('options');
	var pager = dg.datagrid('getPager');
	pager.pagination({
		pageList : [ 10, 15, 20 ],
		onSelectPage : function(pageNum, pageSize) {
			opts.pageNumber = pageNum;
			opts.pageSize = pageSize;
			pager.pagination('refresh', {
				pageNumber : pageNum,
				pageSize : pageSize
			});
			dg.datagrid('loadData', data);
		}
	});
	if (!data.originalRows) {
		data.originalRows = (data.rows);
	}
	var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
	var end = start + parseInt(opts.pageSize);
	data.rows = (data.originalRows.slice(start, end));
	return data;
} 

</script>

共有 人打赏支持
粉丝 0
博文 7
码字总数 825
×
DakeZhang
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: