jqgrid多行添加保存,jqgrid多行删除

最新推荐文章于 2020-02-20 20:21:43 发布

frank1998819

最新推荐文章于 2020-02-20 20:21:43 发布

阅读量536

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery 文章标签： javascript json 数据库 ViewUI

本文链接：https://blog.youkuaiyun.com/frank1998819/article/details/84413238

JQuery 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了如何使用jQuery Grid组件实现数据的批量添加、删除以及数据保存的功能，包括验证输入数据的有效性并进行异步数据处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//保存添加行的id编号
var newrowids = new Array() ;
//给grid添加行
function addRow($jqgrid)
{
jqgrid 多行添加及删除解决思路
//获得jqgrid所有编号
var ids = $jqgrid.jqGrid('getDataIDs');
//获得第一行的role
var $firstTrRole = $("#plsfList").find("tr").eq(1).attr("role");
//如果jqgrid中没有数据定义最大行号为100 ，否则取当前最大行号
var rowid = $firstTrRole == "row" ? Math.max.apply(Math,ids):100;
//获得新添加行的行号（数据编号）
var newrowid = parseInt(rowid)+1;
newrowids[newrowids.length]= newrowid ;
//定义row
        var dataRow = {
id: "",
valid:"",
zoneID:'',
factorPG:'',
factorQG:'',
factorPL:'',
factorQL:'',
caseID:''
        };
//将新添加的行插入到第一列
$jqgrid.jqGrid("addRowData", newrowid, dataRow, "first");
}

/*--------------数据保存----- -----------*/
function doSave($jqgrid){
var result = getParamArray($jqgrid);
var checkResult = result[0];
var paramArray = result[1];
if(checkResult){
//异步保存比例因子
saveDataBatch(paramArray,newrowids);
}

}

/*--------------获取参数数组----------------
* return : array (element1:验证结果 ; element2:参数数组)
*/
function getParamArray($jqgrid){
//定义参数数组
var paramArray = new Array();
var $check_val ;
var $zoneval ;
var $pasfval ;
var $pisfval ;
var $lasfval ;
var $lisfval ;
var rowidslength = newrowids.length;
var checkResult = true;
for(var i = rowidslength-1 ; i>= 0 ; i--){
var $params = $jqgrid.find("input[id^="+newrowids[i]+"]");
$check_val = $params.eq(0).is(':checked') ? 1:0;
$zoneval = $params.eq(1).val() ;
$pasfval = $params.eq(2).val() ;
$pisfval = $params.eq(3).val() ;
$lasfval = $params.eq(4).val() ;
$lisfval = $params.eq(5).val() ;

//校验参数 :当单数据成功，添加数组；否则跳出循环
if(checkParam($params,$zoneval,$pasfval,$pisfval,$lasfval,$lisfval)){
   //定义比例因子对象
   var param = new Object();
   param.valid = $check_val ;
   param.zoneID = $zoneval ;
   param.factorPG = $pasfval ;
   param.factorQG = $pisfval ;
   param.factorPL = $lasfval ;
   param.factorQL = $lisfval ;
   param.caseID = $("#caseID").val() ;
   paramArray[paramArray.length] = param ;
}else{
   checkResult = false ;
   break;
}
}
return [checkResult ,paramArray];
}

/*--------------批量保存数据------------------
* param: paramArray 数据组 ;
*        newrowids 添加行的id编号
*/
function saveDataBatch(paramArray,newrowids){
var json = JSON.stringify(paramArray);
var url = ''+"/saveBatch" ;
$.ajax({url:url,type:"post",timeout:5000,data:{json:json},
      success:function(data){
          alert(data);
   //重新加载页面
          reloadGrid();
          //将添加行的编号数组制空
       newrowids.length = 0 ;

});
}

/*--------------批量删除----- -----------*/
function deleteBatch($jqgrid){
var ids=$jqgrid.jqGrid("getGridParam", "selarrrow");
//如果当前页面没有正在编辑的数据就去数据库删除
if (!isRowNeedSave($jqgrid)){
     crudDeleteSelected(ids, "");
}
//仅是在页面删除
else{
if(ids==null || ids.length==0)
{
   alert("请选择要删除的记录");
   return;
}
if(confirm("确定删除选中的记录吗？"))
{
   var idsL = ids.length ;
   for(var i =0 ; i 0 ? true : false ;
}