利用JQGrid动态删除多行数据，行号（即删除/增加数据）变化的问题

最新推荐文章于 2025-09-10 12:00:08 发布
原创 最新推荐文章于 2025-09-10 12:00:08 发布 · 3.1w 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#firebug #html #div

本文介绍了在使用JQGrid时遇到的两个问题：1) 删除多行数据后行号未动态更新；2) 选中多行删除时总会残留数据。通过分析发现，行号不会因删除操作而改变，原因是删除过程仅针对选定数据，不刷新整个表格。此外，多行删除错误的原因在于selectedRowIds数组在循环中动态变化，导致删除逻辑出错。解决方案是将数组长度赋值给变量并固定循环条件，每次删除第一个选中行。

 

 

 

 

利用JQGrid删除多行数据：

 

所选中行号依次为 1、2、4

 

利用FireBug 查看由 js 动态生成的 html 标签可以验证：

最低0.47元/天 解锁文章
jqGrid翻页时数据选中丢失问题的解决办法
08-31
在使用jqGrid处理异步加载服务器数据的场景时，可能会遇到一个问题：当用户在表格中选中一些记录后翻页，再回到原来的页面，之前选中的记录会丢失，无法进行批量操作，比如批量删除。这是因为每次翻页或执行搜索时，...
jqGrid使用demo： 数据加载 增加， 修改， 删除， 还原， 撤销等
06-17
jqGrid支持从服务器动态加载数据，可以使用`url`参数指定数据源，通过`datatype`参数设置数据类型（如`json`或`xml`）。数据加载过程中，还可以配置分页、排序和搜索等功能，如`loadonce`（一次性加载所有数据）、`...
jqgrid排坑，获取全部数据，删除选中数据。
exces的专栏
11-06 3941
1 获取全部数据 var page = $("#table").getGridParam('page');//当前页数 var rowNum = $("#table").getGridParam('rowNum');//当前每页显示多少行 var total = $("#table").getGridParam('records');//总数据量 $("#table").setGridPar...
jqGrid删除多行数据问题
weixin_34146805的博客
02-17 192
var consoleDlg = $("#delcostListDlg"); var selectedRowIds = $("#costList").jqGrid("getGridParam","selarrrow"); var len = selectedRowIds.length; for(var i = 0;i < len ;i ++) { $("#...
jQuery动态表格开发实战：增行、编辑与删除功能详解
最新发布
weixin_30356433的博客
09-10 799
jQuery Grid 是基于 jQuery 构建的一种功能强大的表格插件，广泛应用于企业级 Web 应用中，用于高效展示、排序、分页和编辑结构化数据。它不仅支持本地数据渲染，还能通过 AJAX 与后端交互，实现动态数据加载与操作。其核心特性包括：列定义、分页控制、排序、搜索、行操作（增删改查）以及高度可定制的渲染方式。在现代前端开发中，虽然有 React、Vue 等组件化方案，但 jQuery Grid 依然因其轻量、灵活、兼容性强而被广泛使用，尤其适用于传统系统和快速开发场景。
【jqGrid】jqGrid删除多行数据问题
wjx_jasin的博客
07-17 440
var selectedRowIds = $("#costList").jqGrid("getGridParam","selarrrow"); for(var i = 0;i < selectedRowIds.length;i ++) { $("#costList").jqGrid("delRowData", selectedRowIds[0]); }
jqgrid如何使用delRowData函数批量删除 selarrrow获取的多个选中行数据及注意事项
chuangxin的专栏
12-15 5863
由于jqgrid没有提供批量删除行的函数，因此要实现批量删除选中行数据，就只能：先获取选中行rowIds；遍历选中行rowIds，逐个调用delRowData(string rowid)删除行数据。看上去挺简单，但是这里有个很大的坑，因为var rowIds = $("#orders").jqGrid("getGridParam", "selarrrow") 获取到的rowIds是jqGrid selarrrow参数的一个引用，jqGrid选中行发
jqgrid 多行添加,删除
新博客地址：www.threeperson.com
10-22 349
jqgrid 多行添加,删除 遇到了一些问题： 1）用户添加行，需要将为编辑状态的行的checbox 置为未选中，去掉高亮显示效果 2）grid中存在未保存行时，非编辑状态的行 单击,双击没有效果，且checkbox不能选中 解决办法： [code="js"] /*-------获取当前grid中需要编辑的行数 开始-----------*/ functio...
精选资源
获取jqGrid中选择的行的数据
01-19
下面可以获取选择一行的id，如果你选择多行，那下面的id是最后选择的行的id： var id=$(‘#gridTable').jqGrid(‘getGridParam','selrow'); 如果想要获取选择多行的id，那这些id便封装成一个id数组，那可以使用以下...
jqgrid多行添加保存,jqgrid多行删除
frank1998819
03-28 546
//保存添加行的id编号var newrowids = new Array() ;//给grid添加行function addRow($jqgrid){ jqgrid 多行添加及删除解决思路 //获得jqgrid所有编号 var ids = $jqgrid.jqGrid('getDataIDs'); //获得第一行的role var $firstTrRole = $(&amp;quot;#pls...
jqgrid删除行
码农一个
04-30 5235
有添加就有删除，jqgrid的删除
jqGrid 使用delRowData删除数据3种情况（删除指定行，删除选中行，删除所有行）
旭东怪的博客
12-11 3667
1 删除指定行 //删除指定行 function DeleteRowByRowId(gridID,rowId){ $("#"+gridID).jqGrid("delRowData", rowId); } 2 删除选中行 //删除选中行 function DeleteSelectRow(gridID){ //获取选中行rowId var ids = jQuery("#"+gridID).jqGrid("getGridParam", "selarrrow"); //删除
jqgrid删除多行数据,删不全的解决方案
weixin_34391445的博客
08-07 328
功能实现： 　删除选中的多条数据 bug： 总是删不干净，比如选中5条执行删除操作，后台全删掉了，可是前台仍然有剩余的几条，再次刷新会不见 错误代码： var ids = $("#grid-table").jqGrid("getGridParam", "selarrrow");// 获取选中的数据行id // 删除多行数据 for(var i = 0; i < ids...
jqGrid取值问题表格动态的加行，删除行，保存
tarataotao的专栏
08-28 9215
最近用jqGrid 做个功能，要实现在jqGrid表格上动态的加行、删行，最后点击“保存”按钮，与后台交互，保存数据。例：    var lastFlag ;    $gridTable = $("#gridTable").jqGrid( {         datatype : 'json',         colNames : ['age', 'sex' ],         co
jqGrid 多选-获取多行数据并进行属性删除
sunshinegirl168660的博客
01-04 1843
// jqGrid 为 table 的 id var ids = $('#jqGrid').jqGrid('getGridParam','selarrrow'); if (ids.length &gt; 0) { var length = ids.length; for (var i = 0; i &lt; length; i ++)...
jqgrid--获取所有选中的行并删除之
zhengxiangwen的专栏
02-25 7510
如下： var rowData = jQuery('#list2').jqGrid('getGridParam','selarrrow'); if(rowData.length > 0){ var ids = ""; for(var i=0;i<rowData.length;i++){
jqGrid动态删除多行数据时出现的不完全删除问题
weixin_30886233的博客
07-07 199
下面是错误的写法: //获取选中行的id集合var ids = $("#grid-table").jqGrid('getGridParam','selarrrow'); for(var i=0;i<ids.length;i++) { $("#grid-table").jqGrid('delRowData',ids[i]); } 当选中的行数大于1时，就会出现有几行...
jqgrid 列表数据批量删除
qq_39822451的博客
07-06 1027
function deleteAll() { //所选数据id的数组 let ids = $('#dataGrid').dataGrid('getSelectRows'); if (ids.length == 0) { js.alert('请选中一条记录！',{icon: 2}); return false; ...
【jquery】jqGrid根据ID获取行号
michiko98的博客
02-07 778
根据行号获取ID $('#grid').getCell(rownumber,'id') 根据ID获取行号 $('#' + rowid)[0].rowIndex
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值