文档章节

datagrid分页

D
 DakeZhang
发布于 2017/09/06 17:33
字数 11
阅读 5
收藏 0

后台分页: `<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>

© 著作权归作者所有

共有 人打赏支持
D
粉丝 0
博文 8
码字总数 1071
作品 0
合肥
私信 提问
ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页

关键字:DataGrid、存储过程、分页 出自: http://blog.csdn.net/yzx110/archive/2004/08/18/78525.aspx 摘要:在最进的一个项目中因为一个管理页面要管理的数据量非常大,所以必须分页显示,...

晨曦之光
2012/03/09
61
0
EasyUI中datagrid控件的使用总结

概述 上一篇文章EasyUI的使用总结主要介绍了首次使用EasyUI 如何操作,介绍了EasyUI控件的整体结构以及实践中的一些注意事项。 这篇文章主要介绍一些EasyUI中datagrid控件实际使用过程中的一...

科比可比克
2016/11/08
56
0
Datalist控件,Repeater控件如何分页?

Asp.net提供了三个功能强大的列表控件:DataGrid、DataList和Repeater控件,但其中只有DataGrid控件提供分页功能。相对DataGrid,DataList和Repeater控件具有更高的样式自定义性,所以很多时...

晨曦之光
2012/03/09
242
0
6.Silverlight弹出窗口以及DataGrid分页

继上节所讲,在上一节中,我们讲述了DataGrid绑定webService传输过来的XML数据实体类集合。在本节我们将这个DataGrid移动到 一个ChildWindow中去。然后实现ChildWindow的弹出效果。以及对这个...

wbf961127
2017/11/13
0
0
jquery easyui datagrid 分页数据请求

jquery easyui datagrid内置了分页的功能,当设置为 pagination: true 以后就能够启用分页功能。 启用分页以后,jquery easyui datagrid发送的数据请求中会包含两个参数: int iPageIndex =...

我吃火锅你吃调料-快给我打钱-房子不要钱
2015/11/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
10
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
17
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
11
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部