在JqGrid中，提供了關於單元格編輯的函式，但是有些官網是沒有講到的，這裡總結一下
1、afterSaveCell:function(rowid,name,val,iRow,iCol)，
2、beforeEditCell:function(rowid,cellname,value,iRow,iCol)
beforeSaveCell:function(rowid,cellname,value,iRow,iCol)
3、$("#grid").jqGrid("saveCell",iRow,iCol);
4、$("#grid").jqGrid("restoreCell",rowid,iCol);

需要注意一點，rowid是字串，不是int型別資料，這個坑，本寶寶表示以踩

但是在API中，並沒有詳細的說明，這寫函式在Grid的單元格編輯中，是比較的重要的，可以控制輸入的資料類容和格式

beforeEditCell事件

在編輯前做處理

beforeEditCell:function(rowid, //行id
            cellname, //單元格名稱
            value,//單元格值 ，在編輯前的預設值
            iRow, //行的index
 

            iCol)//列的index

beforeSaveCell 事件

在儲存之前處理，用來判斷邏輯，做對話方塊等操作

beforeSaveCell :function(rowid, //行id
            cellname, //單元格名稱
            value,//單元格值 ，在編輯前的預設值
            iRow, //行的index
            iCol)//列的index

afterSaveCell事件

我們可以在afterSaveCell事件中，做判斷，處理需要處理和操作的資料，比如判斷資料的格式，長度等問題
格式化資料

afterSaveCell:function(rowid,//行id
            name,//單元格名稱
            val,//單元格值 ，編輯後的值
            iRow,//行的index
            iCol)//列的index

saveCell 函式

當我們的資料更改後，在grid的元資料還是沒有變更的，需要通過這個方法，來修改元資料，這樣可以通過getRowData和getLocalRow兩個方法獲取到資料了

//用於儲存我們編輯後的單元格的資料
$("#grid").jqGrid("saveCell",
                        iRow, //行
                        iCol);//列

restoreCell函式

恢復Cell,當更改的資料不是自己想要的，就需要將資料做回滾操作

//恢復cell
$("#grid").jqGrid("restoreCell",
            rowid,//行index
            iCol)//列index

setCell函式

在需求中，我們也可以自己設定單元格里面的資料，這樣就不需要恢復資料了

#設定單元格資料
$("#gridRakuData").jqGrid('setCell', 
             rowid,//行
             iCol,//列index
              'test'); //設定的值

//設定表格可編輯的狀態 1、刪除not-editable-cell 樣式，2、設定edit-cell 樣式
$('#gridRakuData #'+rowid+' td[aria-describedby="gridRakuData_kngaku'+strBiddingNo+'"]').removeClass('not-editable-cell');
$("#gridRakuData").jqGrid('setCell', rowid, iCol, '', 'edit-cell');

//設定表格不可以編輯

$("#gridRakuData").jqGrid('setCell', rowid, iCol, '', 'not-editable-cell');

例子

這個例子中，控制的是單元格可編輯，不能入力小數，入力了提示對話方塊的操作

$("#gbox_gridRakuData").remove();
    $("#wfgm1070RakuData").append("<table id='gridRakuData'></table>");
    $('#gridRakuData').jqGrid({
        formatter : {
             integer : {thousandsSeparator: ",", defaultValue: ""},
        },
        data: dataList,
        datatype:"local",
        multiboxonly:true,
        cellEdit:girdEditDistable, //CELL EDIT ABLE
        cellsubmit:'clientArray',
        colNames:colNames,
        colModel:colModel,
        width:gridWidth,
        height:gridHeight,
        scrollOffset:0,
        rowNum:dataList.length,
        regional:'ja',
        beforeSelectRow: function(rowid, event){
        },
        onSelectRow: function(id) {
        },
        onCellSelect:function(rowid,iCol,cellcontent,event){
            //札回數
            var strBiddingNo = $("#kaisu").val().substring($("#kaisu").val().length-1) ;
            if(strBiddingNo != undefined){
                if((iCol-2) == strBiddingNo ||iCol == 14 ){
                    $('#gridRakuData #'+rowid+' td[aria-describedby="gridRakuData_kngaku'+strBiddingNo+'"]').removeClass('not-editable-cell');
                    $("#gridRakuData").jqGrid('setCell', rowid, iCol, '', 'edit-cell');
                }else{
                    $("#gridRakuData").jqGrid('setCell', rowid, iCol, '', 'not-editable-cell');
                }
            }

            //CLEAR STYLE
            var rowIds = $("#gridRakuData").jqGrid('getDataIDs');
            for(var row =0;row<rowIds.length;row++){
                var rowId = rowIds[row];
                for(var col=C_MIN_BIDDING;col<=C_MAX_BIDDING;col++){
                    $('#gridRakuData #'+rowId+' td[aria-describedby="gridRakuData_kngaku'+col+'"]').removeClass("ui-state-highlight");
                }
            }


        },beforeEditCell:function(rowid,cellname,value,iRow,iCol){
            var kinGakuIndex = iCol-2;

        },afterSaveCell:function(rowid,name,val,iRow,iCol){
            var kinGakuIndex = iCol-2;
            var numberRegx = /^[0-9]+$/;
            if (numberRegx.test(val)) {
                if(kinGakuIndex>=C_MIN_BIDDING && kinGakuIndex<=C_MAX_BIDDING){
                    if(val.length >12){
                        sofia.ui.showDialogJsMsg("E", "文字數を超過しています。");
                        $("#gridRakuData").jqGrid("restoreCell",rowid,iCol);
                        return false;
                    }
                }
            }

            if(name == "kiji" && val.length >100){
                sofia.ui.showDialogJsMsg("E", "文字數を超過しています。");
                $("#gridRakuData").jqGrid("restoreCell",rowid,iCol);
                return false;
            }

            //12.22
            var numberSamllRegx = /^[0-9]+\.[0-9]*$/;
            if(numberSamllRegx.test(val)){
                $("#gridRakuData").jqGrid("restoreCell",rowid,iCol);
                return false;
            }
        },loadComplete(xhr){
            //GRID のcheckbox設定
            initGridCheckBox();
        }
    });


//設定checkbox只可以點選一個，grid的checkbox像radio使用
function initGridCheckBox(){
    $("#gridRakuData input[type='checkbox']").click(function(e){
        var $obj =$(this);
        if($obj.is(':checked')){
            $("#gridRakuData input[type='checkbox']").each(function(){
                $(this).attr("checked",false);
            });
            $obj.prop("checked","checked");
        }
    });
}