jqGrid 跨页选择

最新推荐文章于 2023-04-13 22:00:00 发布

L_C_Y_S

最新推荐文章于 2023-04-13 22:00:00 发布

阅读量783

点赞数

文章标签： jqgrid

本文链接：https://blog.csdn.net/u011301421/article/details/52056872

版权

本文介绍了如何在jqGrid中实现跨页选择功能，包括选择单行、选择所有行以及表格加载后的选择设置。通过onSelectRow、onSelectAll和gridComplete等事件，结合addItem和addAll方法，动态管理选中行的ID数组，实现全选和取消全选的功能。

摘要由CSDN通过智能技术生成

最近在使用jqGrid，但是遇到了个问题，就是不能跨页选择，第一页选择打勾，翻到第二页就会无效，

查了官网的网站是没有提供相应的方法的，自己总结出来，希望对你有帮助；

....这里是Grid表格..

colNames[]

colModel[]

//选择行
onSelectRow:function(index,state){
addItem(index,state);
},
//选择所有行
onSelectAll:function(rowId,state){
addAll(rowId,state);
},
//表格加载完后事件
gridComplete:function(){
setSele

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

L_C_Y_S

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

jqGrid翻页时数据选中丢失问题的解决办法

08-31

我在项目中使用jqGrid时，采用异步加载服务器数据，例如点击翻页、搜索时都重新加载数据。这篇文章主要介绍了jqGrid翻页时数据选中丢失问题,需要的朋友可以参考下

jqGrid 跨页选择以及回显的处理

qq_27009517的博客

07-20

534

思路：定义全局的array（selectedIds），当列表选中的时候就push进去，当列表取消选中时，将该项从selectedIds中删除重点：1.列表加载完成时为列表增加复选框，并给每一个checkbox赋name； 2.回显时模拟checkbox的click事件；代码如下： var selectedIds = []; $(function () { InitChooseCourseList(); //绑定搜索 $("#SearchCour...

参与评论您还未登录，请先登录后发表或查看评论

关于jqgrid多选框“各种问题”

qq_27203243的博客

05-31

3734

经过我将近一天的时间终于解决了，jqgrid复选框的问题，废话不多说。（底部有代码）本文解决的问题分为： 1.复选分页，翻页后前一页选中的行不在被选中。 2.点全选按钮，只能选中当前页，第二页第三页等都不会被选中。 3.点击行，复选框会被选中问题（如果有删除操作的话容易导致误选） 4.复选框错位。解决： //解决复选框错位（可以根据自己具体情况适当修改里面的...

JqGrid多行选中,翻页保持选中

yijian941215的博客

04-16

1962

（一）定义全局变量保存选中id //保存选中id var checkBox=[]; //定义页码值 var cPage=0; （二）使用翻页事件 onPaging:function (pgButton) { cPage++; //翻页事件 }, （三）每次数据加载完成后...

【自定义表格穿梭框】自定义封装jqgrid表格穿梭框，支持分页复选全选（附完整源码及效果图）

赏樱看雪撸代码

04-13

1345

表格穿梭框自定义实现，表格配置化，jqgrid分页勾选，jqgrid复选，jqgrid取消选中，jqgrid穿梭框，jqgrid配置化，前端工程化，jqgrid的onSelectRow，onSelectAll，表格左右穿梭选择。

jqgrid表格

06-01

8. **扩展功能**：jqGrid还有其他附加功能，如行选择、树形网格、子表格、拖放列等，这些都可以通过插件或配置选项来启用。在提供的“jqgrid”压缩包中，可能包含了演示示例的HTML、JavaScript和CSS文件，通过学习...

jquery、jqGrid

08-02

9. **扩展功能**：jqGrid还提供了列选择、行选择、行操作图标、工具栏、子网格等多种扩展功能，可以根据项目需求灵活启用。 **jQuery与jqGrid结合的优点：** 1. **易用性**：jQuery简化了JavaScript的复杂性，而...

jquery.jqGrid-4.6.0.zip官方资源文件

09-28

jqGrid还提供了丰富的自定义选项，包括列模板、工具栏、上下文菜单、行选择样式等，使得开发者可以根据项目需求对表格进行个性化配置。不仅如此，jqGrid还兼容多种浏览器，包括IE、Firefox、Chrome、Safari等，确保...

jqGrid 3.4.1

02-21

jqGrid充分利用了jQuery的功能，简化了跨浏览器的JavaScript开发。 `jquery.jqGrid.js` 是jqGrid的主要脚本文件，包含了jqGrid的所有功能和方法。通过这个文件，你可以创建具备各种特性的数据网格。例如，你可以...

jqGrid刷新指定页码列表

热门推荐

lth1156187401的博客

03-23

1万+

当用jqGrid生成列表后如果有新的数据进来或删除，想要在不刷新页面的情况下刷新列表要怎么做 1，通过下面这个方法可以实现刷新列表的效果 function reloadTable(){ $('#sample_editable_1').jqGrid('setGridParam',{ url:ctx+'/resMigrationPath/getList', datatype

主题皮肤JS跨页多选

08-22

主题皮肤JS跨页多选 for(i=0;i<Math.max(a.length,b.length);i++){if(a.charAt(i).toLowerCase()!=b.charAt(i).toLowerCase()){j=i; while(a.charAt(j)!='/'){if(j==0){break;}j-=1;} al=a.substring(j+1,a.length); al=al.substring(0,al.lastIndexOf('/')); bl=b.substring(j+1,b.length); bl=bl.substring(0,bl.lastIndexOf('/')); break;}} if(al!=''){for(i=0;i<al.split('/').length;i++){s+="../";}} if(bl!=''){s+=bl+'/';} path=s+path;} return path;}; function disposeDatePicker(){var src=null; if(window.event){src=event.srcElement||event.target;} if($dp!=undefined&&$dp.obj!=undefined&&$dp.style.display!='none'&&src!=$dp.obj.eCont) {var d=$dp.childNodes[0].contentWindow.$d; if(d.obj.eCont.value==''||d.obj._judgeCorrectDateTime(d.obj.eCont.value)){d.obj._markValue(true); if(d.obj.eCont.value!=''){d.obj._initDate(d.obj.eCont.value,d.obj.dateFmt); d.obj._setRealValue();} else{d.obj.eCont.setAttribute("REALVALUE","");}} else{d.obj._markValue(false);} $dp.style.display='none';}} var $dpjspath; var scripts=document.getElementsByTagName("script"); for(i=0;i<scripts.length;i++){if(scripts[i].src.substring(scripts[i].src.length-14).toLowerCase()=='wdatepicker.js'){$dpjspath=scripts[i].src.substring(0,scripts[i].src.length-14); break;}} document.createStyleSheet($dpjspath+'skin/WdatePicker.css');

GridView js实现全选 (分页保持选择状态)

08-26

GridView js实现全选 (分页保持选择状态) GridView js实现全选 (分页保持选择状态)

jqGrid 解决分页跳转无效问题

旭东怪的博客

11-25

1905

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

jquery.dataGrid 分页跳转指定页

harborkang的博客

05-28

428

效果: 原理是覆盖原有方法 pageHtmlControl 相关js: function pageHtmlControl(b) { var a = ['<ul class="pagination">\n']; a.push('<li class="disabled controls" title="' + $.jgrid.extend.pageTitle + '">' + $.jgrid.extend.pageLabelA + " "); a.push.

jQuery 操作checkbox翻页保存选中状态

u014164005的博客

03-28

970

js: $(function() { var prodSelectedNames = $("#hiddenProductNames"); var prodSelectedIds = $("#hiddenProductIds"); if(prodSelectedIds.val()!=""){ var oldSelected = prodSelectedIds.val().split(','...

JQuery实现表格的全选和反选，以及分页勾选保存（laypage插件分页的使用）

01-18

559

需求： 1、全选与取消全选 2、单个勾选，点击表格单元格中checkbox勾选，也可以在点击行勾选，便与用户操作 3、分页勾选保存 4、固定表头功能一：说明：操作全选按钮的同时，遍历每一个tr中的checkbox，如果是全选的并且之前没有被选中的就勾选上，如果是取消取消就全部取消勾选 //全选与取消全选 $("#grid").on("click",'....

网页实现分页，翻页按钮，jquery对select的获取，设置总结【亲测有效】

weixin_42822484的博客

08-29

552

js和jquery操作select很魔性，也可以说是挺麻烦的，有时候好多都不生效，经过本人的多时间尝试，总结了一些比较好用的，一下均基于jquery首先是设置select的选中项： $("#selectId").find("option[value='val']").prop("selected", true); //设置option的...

jQuery DataTable 跨页选择及全选

shadowsky的专栏

09-23

2432

jQuery DataTable 跨页选择及全选，有记忆功能，终极解决方案，调试不容易一天就干了这个，废话不多说直接上代码，总结坏人都是废话太多死的。第一页第二页再回到第一页先上 HTML 代码 <table id="tabMain" class="table table-striped table-bordered table-hover tablefixed" role="grid" aria-describedby="tabMain_info"> .

【Jqgrid分页勾选保存】三步实现表格分页勾选（取消勾选）保存（附源码）

赏樱看雪撸代码

02-13

783

Jqgrid分页勾选保存，三步实现表格分页勾选保存，Jqgrid如何实现选中行、翻页勾选、翻页全选，取消选中，选中数据的回显，js实现数组去重

jqGrid当前页总行数