自定义jqGrid编辑功能，当行获取焦点时编辑，失去焦点时保存

 http://www.360doc.com/content/17/0719/15/9200790_672577533.shtml
 /*******************************************
 * Description:
 * 自定义jqGrid编辑功能，当行获取焦点时编辑，失去焦点时保存
 *
 * 调用方法：
 * 在jGrid的(opts参数中)"editurl"属性的上面或下面添加属性 customEdit: true
 *
 * Author:
 *******************************************/
 var JqGridCustomEdit = {
     _cacheName: "editGrid_PrevRowKey",
     _saveBtnName: "editGrid_BtnSave",

     init: function (gridID) {
         //this.createSaveButton(gridID);
         this.createRowBlurEvent(gridID);
     },

     createSaveButton: function (gridID) {
         var self = this;
         var saveBtnID = gridID + "_" + self._saveBtnName;
         var htmlButton = '<input type="button" id="' + saveBtnID + '" onClick="JqGridCustomEdit._saveData(\'' + gridID + '\')" style="display:none" value="saveRow" />';
         $("body").append(htmlButton);
     },

     createRowBlurEvent: function (gridID) {
         var self = this;
         $("body").bind("click", function (event) {
             self.onRowBlur(gridID, event);
         });
     },

     onSave: function (gridID) {
         var saveBtnID = gridID + "_" + this._saveBtnName;
         $("#" + saveBtnID).click();
     },
     showEditCss: function (gridID, show) {
         if (show) {
             $("#" + gridID + "_ilsave").removeClass('ui-state-disabled');
             $("#" + gridID + "_ilcancel").removeClass('ui-state-disabled');
             $("#" + gridID + "_iladd").addClass('ui-state-disabled');
             $("#" + gridID + "_iledit").addClass('ui-state-disabled');
         }
         else {
             $("#" + gridID + "_ilsave").addClass('ui-state-disabled');
             $("#" + gridID + "_ilcancel").addClass('ui-state-disabled');
             $("#" + gridID + "_iladd").removeClass('ui-state-disabled');
             $("#" + gridID + "_iledit").removeClass('ui-state-disabled');
         }
     },
     onSelectRow: function (gridID, rowid) {
         var self = this;
         var rowKeyCacheID = gridID + "_" + self._cacheName;
         var prevRowKey = $("body").data(rowKeyCacheID);

         $("body").data(rowKeyCacheID, rowid);

         JqGridFormatCell.beforEditRow(gridID, rowid);
         $("#" + gridID).jqGrid("editRow", rowid, $("#" + gridID).get().p.editParams);
         self.showEditCss(gridID, true);
     },

     onRowBlur: function (gridID, event) {
         var haveEditRow = false;
         $("#" + gridID).find("tr").each(function () {
             if ($(this).attr("editable") == "") {
                 haveEditRow = true;
                 return false;
             }
         });

         if (haveEditRow) {
             var self = this;
             var rowid = $("#" + gridID).jqGrid('getGridParam', 'selrow');
             if (rowid == null) { return; }

             var eventObj = ((event.srcElement) ? event.srcElement : event.target);
             var prev = false;
             var next = false;
             var pClass = $(eventObj).parent().attr("class");
             var nClass = $(eventObj).parent().attr("class");
             if (pClass) prev = pClass.indexOf("ui-datepicker-prev") != -;
             if (nClass) next = nClass.indexOf("ui-datepicker-next") != -;
             if ($("#ui-datepicker-div").find(eventObj).length >  || prev || next) { return; }

             if (eventObj.tagName == "TD") {
                 var currgriddom = $("#" + gridID).find(eventObj).length;
                 if (currgriddom == ) {
                     self._saveData(gridID);
                 }
                 //                var $eventTR = $(eventObj).parent();
                 //                if ($eventTR.attr("id") != rowid) {
                 //                    self._saveData(gridID);
                 //                }
             }
             else if (eventObj.tagName == "INPUT" || eventObj.tagName == "SELECT" || eventObj.tagName == "OPTION") {
                 var rid = $(eventObj).attr("id");
                 if (rid && rid.indexOf(rowid) == -) {
                     self._saveData(gridID);
                 }
             }
             else {
                 self._saveData(gridID);
             }
         }
     },

     _saveData: function (gridID) {
         var self = this;
         var rowKeyCacheID = gridID + "_" + self._cacheName;

         var rowid = $("body").data(rowKeyCacheID);
         if (rowid == null) {
             return false;
         }
         if (rowid == "new_row" && $("#" + rowid).attr("class").indexOf("jqgrid-new-row") != -) {
             $("#" + gridID).jqGrid('saveRow', rowid, $("#" + gridID).get().p.addParams);
         } else {
             $("#" + gridID).jqGrid('saveRow', rowid, $("#" + gridID).get().p.editParams);
         }
         self.showEditCss(gridID, false);
         //        $("#" + gridID).jqGrid('saveRow', rowid, function (result) {
         //            self.showEditCss(gridID, false);
         //            if (result.responseText == "") {
         //                //$.jAlert("Update is missing!");
         //                return false;
         //            } else {
         //                $("body").removeData(rowKeyCacheID);
         //                //$.jAlert("Update is successful");
         //                return true;
         //            }
         //        });
     }