JQgrid实现全表单元格编辑

jQuery("#baseWageDataValueGrid").jqGrid('setGridParam',{'cellEdit':true});
                        
                             //修改所有td tabindex
                             var tdList = $('#baseWageDataValueGrid').find('td');
                             if(!!tdList && tdList.length>0){
                                 $.each(tdList,function(i,o) {
                                     $(o).attr('tabindex','1');
                                 });
                             }
                             //依次发起单元格编辑，并保存
                             var list = jQuery("#baseWageDataValueGrid").getDataIDs();
                             var putList = [];
                             if(!!list && list.length>0) {
                                 for(var i=list.length;;i-- ) {
                                     var td = $('#baseWageDataValueGrid').find("td[tabindex='0']");
                                     if(td.length>0) {
                                         var put = {};
                                         put.td = td;
                                         put.input = td.get(0).children[0];
                                         putList.push(put);
                                     } 
                                     if(i>0) {
                                         jQuery("#baseWageDataValueGrid").jqGrid('editCell',i,7, true);
                                     } else {
                                         break;
                                     }
                                 }
                             }
                             //还原加载后被删除 元素，提交元素事件
                             if(putList.length>0) {
                                 $.each(putList,function(i,put) {
                                     $(put.td).empty();
                                     $(put.td.get(0).parentNode).addClass('edited');
                                     $(put.td.get(0).parentNode).addClass('selected-row');
                                     $(put.td.get(0).parentNode).addClass('active');
                                     $(put.td).attr('tabindex','0');
                                     $(put.td).addClass('edit-cell');
                                     $(put.td).addClass('success');
                                     $(put.td).append(put.input);
//    给单元格注册自定义事件
                                     $(put.input).on('change',function(o,n) {
                                         var _this = this;
                                         var m = this.value;
                                         var rowid= this.attributes['rowid'].value;
                                         $.ajax({
                                             url: __ctx+'/platform/performance/baseWageDataValue/updateSave.htm',
                                             data:{id:rowid,value:m,itemId:$('#itemId').val()},
                                             success:function (data) {
                                                 // 根据返回的数据版本ID判断是否重新加载数据
                                                 baseWageDataValue.saveResponse(data);
//                                                //使还原的 元素与事件只能使用一次
//                                                $(_this.parentNode).removeClass('success');
//                                                $(_this.parentNode).removeClass('edit-cell');
//                                                $(_this.parentNode.parentNode).removeClass('edited');
//                                                $(_this.parentNode.parentNode).removeClass('selected-row');
//                                                $(_this.parentNode.parentNode).removeClass('active');
//                                                $(_this.parentNode).empty();
//                                                //修改显示值
//                                                jQuery("#baseWageDataValueGrid").jqGrid('setCell',rowid,7,m,false,false, true); 
                                             },
                                             error:function () {
                                                 layer.msg("网络错误!");
                                             }
                                         })
                                     });
                                 });
                             }
                             //屏蔽原有编辑事件
                         jQuery("#baseWageDataValueGrid").jqGrid('setGridParam',{'cellEdit':false});

将JS代码加入JQgrid 的gridComplete（加载完成后事件）中后，实现效果如下：