当前位置: 萬仟网 > IT编程>开发语言>Jquery > JQuery EasyUI DataGrid服务端分页行号不能延续解决方法

JQuery EasyUI DataGrid服务端分页行号不能延续解决方法

2020年11月12日  | 萬仟网IT编程  | 我要评论
JQuery EasyUI DataGrid服务端分页加载数据后,DataGrid行号不能延续,总是重新由1开始。因为服务端分页取回的是单页数据,通过LoadData方法加载数据后,pageNumber属性被初始化为1,因此行号总是重新由1开始。现在提供了解决方法。...

JQuery EasyUI DataGrid服务端分页加载数据后,DataGrid行号不能延续,总是重新由1开始(如下图)。因为服务端分页取回的是单页数据,通过LoadData方法加载数据后,pageNumber属性被初始化为1,因此行号总是重新由1开始。现在提供了解决方法。

function LoadData(search, pageNumber, pageSize) {
	$.get(
		"dataHandler.ashx",
		{
			"func": "list",
			"search": search,
			"pagenum": pageNumber,	//到服务端请求第几页数据
			"pagesize": pageSize	//请求数据的行数
		}, function (res) {
			if (res.success) {
				
				//关键在这里,加载数据之前设置一下,pageNumber和pageSize
				$('#dg').datagrid({
					pageSize: pageSize,		//行数  
					pageNumber: pageNumber	//页号
				});
				
				
				//设置完后在用loadData加载数据即可
				$('#dg').datagrid('loadData', {
					total: res.total,	//总行数,指的是全部数据的行数
					rows: res.rows		//因为服务端分页,因此只获取了本页的记录
				});

				$('#dg').datagrid('getPager').pagination({
					//更新pagination的导航列表各参数  
					total: res.total,		//总数
					pageSize: pageSize,		//行数  
					pageNumber: pageNumber,	//页数
					onRefresh: function () {
						LoadData(selClass, pageNumber, pageSize);
					},
					onSelectPage: function (idx, size) {
						LoadData(selClass, idx, size);
					}
					//每次更换页面时触发更改
				});
			}
		},
		"json"
	);
}

 

本文地址:https://blog.csdn.net/zhaoxl777/article/details/109634870

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

  • 在你身边,为你设计PDF下载高清完整扫描原版

    需要学习的朋友可以通过网盘免费下载pdf版 http://putpan.com/fs/2y3i0bee5nds3h3u9/有点同情腾讯CD... [阅读全文]
  • JQuery案例一:实现表格隔行换色

    疑问:为什么this.style.backgroundColor = oldColor中的this不能用$("tbody tr")[i]代替?? .... [阅读全文]
  • jQuery 常用核心方法

    jQuery 常用核心方法

    jQuery 常用核心方法 .each() 遍历一个jQuery对象,为每个匹配元素执行一个函数 $.extend() jQuery.extend(... [阅读全文]
  • jqguid计算表单

    jgGrid插件是非常常用的一个基于jQuery的表格插件,功能非常强大。我最近也频繁使用。但是这个插件也有一些不够完善的地方。比如这个getCol方法... [阅读全文]
  • layui中折叠面板的使用

    layui中折叠面板的使用

    运用折叠面板后 可以让页面更加整洁 有什么不懂的可以留言 代码放到底部 需要引入的文件 JQuery代码: html代码 <div class... [阅读全文]
  • 监听文本框,动态生成复选框

    监听文本框,动态生成复选框

    最近项目中需要利用文本框,输入数字,然后页面出现相应的几个复选框,因为项目用的是layui,我用的是layui的方法,其实用别的也同样适用。 1.j... [阅读全文]
  • jQuery简单实现get()和eq()方法

    # jQuery选择元素 - get() 从jQuery对象中获取某个指定的元素,返回原生的dom对象,所以不能再次链式调... [阅读全文]
  • input file样式美化

    默认样式: 美化样式时: 将其设置为透明,设置宽高覆盖到需要用的地方,宽100%,高100% 可以用到定位 获取上传文件的文件名: ... ... [阅读全文]
  • JQuery操作attr、prop、val()/text()/html()、class属性

    1.1 arr操作 设置单个属性 获取属性 移除属性 2.prop操作 在jQuery1.6之后支持,对于checked、selected、disa... [阅读全文]
  • jQuery----五星好评实现

    在美团、淘宝、京东等网页上,有许多商品、服务评价页面,五星好评功能很常见,本文利用jQuery实现五星好评功能。 案例图片: 案例需求: 如左图所示... [阅读全文]
验证码:
Copyright © 2017-2021  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com