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

新睿云服务器60天免费使用,快来体验!>>>   

后台分页: `<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 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: