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

最新推荐文章于 2022-02-07 11:00:52 发布
最新推荐文章于 2022-02-07 11:00:52 发布
阅读量3.1w 收藏 10
点赞数
分类专栏： 第三方开源技术 文章标签： firebug html div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DryKillLogic/article/details/6112516
版权
本文介绍了在使用JQGrid时遇到的两个问题：1) 删除多行数据后行号未动态更新；2) 选中多行删除时总会残留数据。通过分析发现，行号不会因删除操作而改变，原因是删除过程仅针对选定数据，不刷新整个表格。此外，多行删除错误的原因在于selectedRowIds数组在循环中动态变化，导致删除逻辑出错。解决方案是将数组长度赋值给变量并固定循环条件，每次删除第一个选中行。
摘要由CSDN通过智能技术生成

 

 

 

 

利用JQGrid删除多行数据：

 

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

 

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

最低0.47元/天 解锁文章
DryKillLogic
关注
专栏目录
jqgrid排坑，获取全部数据，删除选中数据。
exces的专栏
11-06 3845
1 获取全部数据 var page = $("#table").getGridParam('page');//当前页数 var rowNum = $("#table").getGridParam('rowNum');//当前每页显示多少行 var total = $("#table").getGridParam('records');//总数据量 $("#table").setGridPar...
jqGrid删除多行数据问题
weixin_34146805的博客
02-17 161
var consoleDlg = $("#delcostListDlg"); var selectedRowIds = $("#costList").jqGrid("getGridParam","selarrrow"); var len = selectedRowIds.length; for(var i = 0;i < len ;i ++) { $("#...
【jqGrid】jqGrid删除多行数据问题
wjx_jasin的博客
07-17 387
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 5658
由于jqgrid没有提供批量删除行的函数，因此要实现批量删除选中行数据，就只能：先获取选中行rowIds；遍历选中行rowIds，逐个调用delRowData(string rowid)删除行数据。看上去挺简单，但是这里有个很大的坑，因为var rowIds = $("#orders").jqGrid("getGridParam", "selarrrow") 获取到的rowIds是jqGrid selarrrow参数的一个引用，jqGrid选中行发
jqgrid 多行添加,删除
新博客地址：www.threeperson.com
10-22 283
jqgrid 多行添加,删除 遇到了一些问题： 1）用户添加行，需要将为编辑状态的行的checbox 置为未选中，去掉高亮显示效果 2）grid中存在未保存行时，非编辑状态的行 单击,双击没有效果，且checkbox不能选中 解决办法： [code="js"] /*-------获取当前grid中需要编辑的行数 开始-----------*/ functio...
jqgrid多行添加保存,jqgrid多行删除
frank1998819
03-28 495
//保存添加行的id编号var newrowids = new Array() ;//给grid添加行function addRow($jqgrid){ jqgrid 多行添加及删除解决思路 //获得jqgrid所有编号 var ids = $jqgrid.jqGrid('getDataIDs'); //获得第一行的role var $firstTrRole = $(&amp;quot;#pls...
jqGrid翻页时数据选中丢失问题的解决办法
08-31
在使用jqGrid处理异步加载服务器数据的场景时，可能会遇到一个问题：当用户在表格中选中一些记录后翻页，再回到原来的页面，之前选中的记录会丢失，无法进行批量操作，比如批量删除。这是因为每次翻页或执行搜索时，...
获取jqGrid中选择的行的数据
01-19
下面可以获取选择一行的id，如果你选择多行，那下面的id是最后选择的行的id： var id=$(‘#gridTable').jqGrid(‘getGridParam','selrow'); 如果想要获取选择多行的id，那这些id便封装成一个id数组，那可以使用以下...
jqGrid表格应用之新增与删除数据附源码下载
09-03
在jqGrid中，我们可以利用其内置的API和Ajax技术实现数据的动态交互，包括新增和删除操作。本文将深入探讨如何使用jqGrid与后端（如PHP）进行交互，以实现数据的增删功能。 首先，为了实现jqGrid的增删功能，我们...
jqgrid删除行
码农一个
04-30 5163
有添加就有删除，jqgrid的删除
jqGrid 使用delRowData删除数据3种情况（删除指定行，删除选中行，删除所有行）
旭东怪的博客
12-11 3397
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 260
功能实现： 　删除选中的多条数据 bug： 总是删不干净，比如选中5条执行删除操作，后台全删掉了，可是前台仍然有剩余的几条，再次刷新会不见 错误代码： var ids = $("#grid-table").jqGrid("getGridParam", "selarrrow");// 获取选中的数据行id // 删除多行数据 for(var i = 0; i < ids...
jqGrid取值问题表格动态的加行，删除行，保存
tarataotao的专栏
08-28 9117
最近用jqGrid 做个功能，要实现在jqGrid表格上动态的加行、删行，最后点击“保存”按钮，与后台交互，保存数据。例：    var lastFlag ;    $gridTable = $("#gridTable").jqGrid( {         datatype : 'json',         colNames : ['age', 'sex' ],         co
jqGrid 多选-获取多行数据并进行属性删除
sunshinegirl168660的博客
01-04 1768
// 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 7438
如下： var rowData = jQuery('#list2').jqGrid('getGridParam','selarrrow'); if(rowData.length > 0){ var ids = ""; for(var i=0;i<rowData.length;i++){
jqgrid 列表数据批量删除
qq_39822451的博客
07-06 960
function deleteAll() { //所选数据id的数组 let ids = $('#dataGrid').dataGrid('getSelectRows'); if (ids.length == 0) { js.alert('请选中一条记录！',{icon: 2}); return false; ...
jqGrid根据ID获取行号
qq_27009517的博客
06-25 413
根据行号获取ID $('#grid').getCell(rownumber,'id') 根据ID获取行号 $('#' + rowid)[0].rowIndex reference: https://www.cnblogs.com/lizikang2013/p/3563836.html
【jquery】jqGrid根据ID获取行号
michiko98的博客
02-07 686
根据行号获取ID $('#grid').getCell(rownumber,'id') 根据ID获取行号 $('#' + rowid)[0].rowIndex
jqGrid实现动态编辑表格数据
在jQuery Grid（jqGrid）的实现中，一个关键特性是表格数据的动态展示与编辑功能。该示例代码片段展示了如何在一个表格中集成jqGrid，以便用户能够查看和修改每一行和每一列的数据。首先，我们来看一下关键配置项： ...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值