使用jqGrid表格插件不能翻页之解决问题的方法

jqGrid 解决分页跳转无效问题 问题描述: jqGrid分页按钮为灰色,不能进行分页跳转。 问题分析: //jqGrid初始化 jQuery("#datagrid").jqGrid({ datatype: "local", height: $(window).height() - 115, width: $(window).width() - 7, rownumbers: true, //行号 pager: "#pager", recordtext: "第{0} - {1}条 阅读详情

我写这篇博文不是为了讲jqGrid怎么用,而是为了记录一种解决问题的方法,当然对很多大牛和前辈来说,这种方法可能是小菜一碟,但我相信对于很多像我一样的菜鸟,还是非常有用的。

前台页面从servlet获取JSON数据并显示时,若数据为多条记录的形式,jqGrid表格插件是一个很好的选择。

但我在使用jqGrid表格插件的时候却遇到了一些问题:永远显示第一页,无论我怎么点翻页都无济于事。难道是这个插件写的有问题?不可能,因为人家官网都有演示的demo,明明可以翻页的,总不可能人家自己用一套js,放在页面上供人下载的是另一套吧。应该是我的js写错,但又不知错在哪,于是我开始在大堆的js中寻找处理翻页的逻辑,希望能够从中搞懂它们翻页的原理,以找出我的错误出在哪。

正当我在如茫茫大海般的js代码中苦苦寻找时,一位前辈帮我看了下,然后让我在我写的servlet里加一句控制台输出的代码,然后回到前台页面点翻页,发现每点一次控制台输出一条,于是确定每次翻页都会发一条请求给servlet获取数据。到这就可以知道需要我在servlet里动态地获取当前需要显示的页,然后把该页的数据返回,可是问题又来了,我怎么知道前台发送的request中是用什么关键字来表示当前页码的呢?于是前辈用我的Chrome打开前台页面,打开开发人员工具,找到Network,点翻页,这时出现了一个文件,点开这个文件,点Headers,在第一行就看到了page=当前请求页的页码,还有一个rows=一页显示条数。万事俱备!

最后把正确的关键代码也贴一下吧。

			int noOfRows=Integer.parseInt(request.getParameter("rows"));
			int page=Integer.parseInt(request.getParameter("page"));
			JSONObject jsonObj = new JSONObject();	
			jsonObj.put("page", page);
			jsonObj.put("total", Math.ceil((double)al.size()/(double)noOfRows));
			jsonObj.put("records", al.size());	
			JSONArray rows = new JSONArray();
			for(int i=(page-1)*noOfRows;i<Math.min(al.size(),page*noOfRows);i++){
				HashMap hm=(HashMap)al.get(i);
				JSONObject cell = new JSONObject();
				cell.put("type",hm.get("fileType").toString());
				cell.put("fileName", hm.get("fileName").toString());
				cell.put("taskId", hm.get("taskId").toString());
				cell.put("thrCharCode", hm.get("thrCharCode").toString());
				cell.put("time", hm.get("time").toString());
				rows.add(cell);
			}
			jsonObj.put("rows", rows);
			try {
				response.getWriter().print(jsonObj);
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}



在 springMVC 中整合表格插件 jqGrid springMVC 快速整合 jqGrid 与 PageBounds 阅读详情

相关推荐

从零到一:RV1126与IMX415的硬件交响曲——深入解析Linux IPC摄像头的硬件调试艺术

本文深入解析了RV1126与IMX415组合的Linux IPC摄像头硬件调试技术,涵盖硬件接口检查、设备树配置、驱动加载验证及ISP调优等关键步骤。通过详细的操作指南和常见问题解决方案,帮助开发者快速掌握摄像头调试技巧,提升开发效率。

weixin_29161785的博客 978

Jquery easyui datagrid每次切换下一页丢失上一页的记录,最后保存数据错乱的问题

1、实例化两个数组 var idsArray = new Array(); //记录勾选的id var UnidsArray = new Array(); //记录取消勾选的id j's代码如下: function loadingDatagridCheckNew(url, columns, thisid, bol) { var _thid = "ID"; if...

IT_ziliang的博客 989

Edge主页被2345劫持?手动清理注册表与组策略的完整方案

浏览器主页劫持是Windows系统中常见的恶意篡改行为,其原理是通过修改注册表、快捷方式、组策略等多处系统配置,强制锁定浏览器启动页。这类劫持不仅影响上网体验,还可能带来隐私泄露和恶意软件感染风险。在安全防护与系统优化场景中,掌握手动清理主页劫持的技能至关重要。本文针对Edge主页被2345导航劫持的问题,深入解析劫持入口,提供从快捷方式、注册表到组策略的逐层清理步骤,并给出防复发策略,帮助用户彻底摆脱顽固劫持。

weixin_30582943的博客 382

JQuery 的 DataGrid 无法显示数据

今天用了 JQuery 的 DataGrid,但是始终无法显示数据,结果发现是写错一个地方。 $("#test").dataGrid({ data: ${toJson(list)}, datatype: "local", 错把上面的 datatype 写成了 dataType,大小写!!

码农UP2U 648

微信Dat文件转图片(文末含工具下载)

PC端微信dat图片转换为jpg格式

weixin_40704848的博客 8081

2篇1章1节:数据的基本概念以及 R 中的数据结构、向量与矩阵的创建及运算

本文详细介绍了R语言中常见的数据结构的向量和矩阵。通过掌握这些数据结构的基本概念和操作技巧,可以更高效地处理和分析数据。

MD Code 1243

关于MVC中使用JqGrid插件分页时无法显示分页按钮(首页、上一页、下一页、最后一页)的原因

遇到这样问题的小伙伴,可以尝试下如下方法(注意:在各种脚本和样式都引用正确的情况下可参考): 当你发现或觉得这中情况的出现让你百思不得其解时,首先我们来对比一下我们双方的脚本和样式引用: CSS: JS:     其次,我们发现,决定这些按钮的显示的,应该不仅仅是CSS的问题,还与jquery.jqGrid.minffe4.js有重大关系(是它决定了在加

yushangbincheng的博客 5255

手写中间件之——并行框架(1 并行框架的应用场景和需求)

我们为什么会需要一个带任务顺序编排的并行框架 1 复杂的微服务系统间调用 经常会有这样的调用场景:app(或web前端)调用后台的一个接口,该接口接到该请求后,需要调用其他多个微服务来获取数据,最终汇总一个最终结果返回给用户。 譬如用户请求“我的订单”,后台在收到请求后,就需要去调用用户详情rpc、商品详情rpc、库存rpc、优惠券rpc等等很多个服务。有些服务是可以并行去请求的,但有些服务...

tianyaleixiaowu的专栏 1万+

jqGrid 翻页

jqGrid的翻页要定义在html里,通常是在grid的下面,且是一个div对象: ·<tableid="list"></table> ·<divid="gridpager"></div> ·jQuery("#grid_id").jqGrid({ ·... ·pager:'#gridpa...

537

YOLOv11改进 | 上采样篇 | YOLOv11引入DySample轻量级动态上采样器

虽然最近的基于内核的动态上采样器(如CARAFE、FADE和SAPA)的性能提升令人印象深刻,但它们引入了大量工作负载,主要是由于耗时的动态卷积和用于生成动态内核的额外子网。DySample模块的设计旨在解决现有动态上采样器的高计算开销和复杂性问题,同时提供更好的性能和效率。到此本文的正式分享内容就结束了,在这里给大家推荐我的YOLOv11改进有效涨点专栏,本专栏目前为新开的,后期我会根据各种前沿顶会进行论文复现,也会对一些老的改进机制进行补充,如果大家觉得本文帮助到你了,订阅本专栏,关注后续更多的更新~

tsg6698的博客 3126

Git下载与安装

一、Git下载 二、Git安装

欢迎订阅我的“JAVA全栈开发笔记(全)”专栏,价格优惠,仅需19.9元。 6万+

jqGrid 翻页行保持选中

jgGrid表格插件按照正常情况下,设置multiselect:true,,就可以实现多选。但是当数据分页显示时,翻页后,之前已经选择的就会失效。 这里通过设置一个全局变量(checkBox),缓存已经选中的数据项,来实现翻页后保持选中。再定义一个全局全局变量(page),重新加载的时候清空checkBox,在翻页事件中运用这个page变量; jqGrid 实例

jasonlfy的博客 1545

机器学习实战4-教育领域:学生成绩的可视化分析与成绩预测-详细分析

大家好,我是微学AI,今天给大家带来机器学习实战4-学生成绩的可视化分析与成绩预测,机器学习在教育中的应用具有很大的潜力,特别是在学生成绩的可视化分析与成绩预测方面。机器学习可以通过对学生的父母教育情况和学校表现等数据进行分析和挖掘,从而揭示潜在的学习模式和趋势。

微学AI的博客 7676

【Jquery系列】JqGrid参数详解

cellvalue:要被格式化的值options:对数据进行格式化时的参数设置,格式为: { rowId: rid, colModel: cm}rowObject:行数据数据的反格式化跟格式化用法相似.............});表格中数据实际值为123.00,但是显示的是$123.00;我们使用getRowData ,getCell 方法取得的值是123.00。

男神的专栏 1897

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

jqgrid(使用一)

jqGrid是一款处理表格展现的jQuery插件,支持分页、滚动加载、搜索、锁定、拖动等一系列对表格的常规操作。jqGrid是一款处理表格展现的jQuery插件,支持分页、滚动加载、搜索、锁定、拖动等一系列对表格的常规操作。以下是最近项目中实践jqGrid的整理 学习jqgrid的几个常用网站: 手册:http://blog.mn886.net/jqGrid/  英文

dbsx1105的博客 2716

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

jqgrid学习(四)事件翻页编辑

jqgrid学习(四)事件翻页编辑 1.事件管理 有很多事件可以添加到jqgrid上,具体参考官方文档 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:events 我的JS示例: //选中某一个row onSelectRow: function(id){ alert(id); } 2.翻页问题pager htt...

快马扬鞭须努力! 636

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

使用JQgrid常用 (实战经常用)

jqgrid参数 jqGrid参数 名称 类型 描述 默认值 可修改 url string 获取数据的地址     datatype string 从服务器端返回的数据类型,默认xml。可选类型:xml,local,json,jsonnp,script,xmlstring,jsonstring,clientside     mtype string ajax...

weixin_43992119的博客 1491

jqGrid 各种参数 详解

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。 JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。 jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的c...

web开发自学 3563

jqgrid的学习(一)

jqgrid的初步了解

qq_17254991的博客 4225

JqGrid 表格插件 使用

这里主要记录一些关于Jg Grid 插件的使用经验: 对于Jquery 的Grid 插件,原本并没有接触过,是由于公司业务上要对原有项目根据现有需求做调整,然后开始看,基本的方法都可以在JqGrid Demo网站上查找到。 由于需要调整,所以从最开始看,从最开始模板初始化,到数据获取、数据修改主要使用以下代码:Grid初始化jQuery("#gridTable").jqGrid({

toker_lizi的博客 7560

jQuery学习之:jqGrid表格插件——参数配置

导航栏的属性属性名 类型 说明 默认值 是否可以被修改 lastpage integer 只读属性,总页数 0 NO pager mixed 导航栏对象,必须是一个有效的html元素,位置可以随意 空字符串 NO pagerpos string 定义导航栏的位置,默认分为三部分:翻页,导航工具及记录信息 center NO pgbuttons boolean 是否显示翻页按钮 true NO pginput boolean 是否显示跳转页面的输入框 true NO pgtext string 页

zb0567的专栏 3302

Jqgrid的使用

对于现在前台表格普遍使用的Jqgrid插件,虽然基础的数据展示没问题,但是对于其他的功能也是让人惊叹的,功能强大,方便快捷。 Jqgrid的API:http://blog.mn886.net/jqGrid/ 基础数据展示: 翻页: 复选框: 只需要添加:multiselect : true即可。 获取被勾选的行的数据:var ids=$('#role_gridtable').jqGr

醉蝶依 689

JQGrid各种参数详解

jqGrid皮肤 从3.5版本开始,jqGrid完全支持jQuery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然,你也可以编辑自己的theme。jqGrid  也并不需要把所有的css文件都引入进来,只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可,文件位于目录develop...

全盛 770

jqGrid之属性大全

jQuery表格插件:jqGrid

观山是山 1873

jqgrid插件样式修改

jqgrid插件样式颜色都有默认设置,以下是自己总结的可以改变表格样式: jqgrid使用需要引用ui.jqgrid.css文件,在此文件中可以改变表格样式 数据表格设置.ui-jqgrid tr.jqgrow td{font-weight:normal;overflow:hidden;text-align:left;white-space:pre;height:50px;paddi...

aike4954的博客 788
上一篇: java读写文件操作大全
下一篇: 用Adobe LiveCycle Designer ES2制作PDF之text field大小自适应
热血大婶
博客等级 码龄16年 58粉丝 32原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

热血大婶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值