jqgrid 单元格编辑

` cellEdit: true, //启用单元格编辑功能， cellurl: _ctxPath + "/pfmcePlan/info/hrEffLeader/saveCell.do",

    loadComplete: function() {
        var table = this;
        setTimeout(function() {
            updatePagerIcons(table);
            enableTooltips(table);
        }, 100);
    },
    afterSubmitCell: function() {
        console.log('>>>>test>222>>');
        return [true, "成功"]; // 必须返回 ture  or false，否则 下面的  afterSaveCell 方法执行不了的
    },
    afterSaveCell: function() {
        console.log('>>>>test>>333>');


    }`

下面为cellSubmit设置为remote的循序

formatCell (rowid, cellname, value, iRow, iCol) ：切换到编辑模式前可以在这里修改单元格内容作为输入控件的值 beforeEditCell (rowid, cellname, value, iRow, iCol) ：在单元格切换到编辑模式前触发事件 afterEditCell (rowid, cellname, value, iRow, iCol) ：在单元格对应的输入控件加入DOM中触发事件 beforeSaveCell (rowid, cellname, value, iRow, iCol) ：在单元格内容保存前触发，你可以在这个事件里面存储发往服务器的内容 beforeSubmitCell (rowid, cellname, value, iRow, iCol) ：在数据发到服务器前触发，此方法可以返回json对象附加额外的数据 afterSubmitCell (serverresponse, rowid, cellname, value, iRow, iCol)：保存单元格，服务器返回信息后触发，事件可以返回错误信息弹出显示错误的对话框 afterSaveCell (rowid, cellname, value, iRow, iCol) ：单元格成功保存后触发 errorCell (serverresponse, status)：当服务器返回非200状态出错时触发 (如403, 404, 500状态等) onSelectCell (rowid, celname, value, iRow, iCol) ：在单元格切换为文本模式后触发

这样 子就可以 直接在 单元格上面 修改编辑了。

可是使用 表格 的单元格编辑的时候， 发现 有一个问题， 即点击 某个表格的某行的时候 并没有 高亮 或者 鲜明的 颜色 来标志， 目前 选择或者点击的是哪一行 即 SelectRow 方法就禁用了 。 这样用户体验不好。 要么 不用 jqgrid的 自动 的单元格方法， 自己 写自定义一个 单元格表的 。。 可是这样 就 比较麻烦了。 其实 可以 在 点击 该 行，未选中 这个方法之前， 将该 行的 背景颜色 变一下即可

...
 cellEdit: true, //启用单元格编辑功能，
        cellurl: _ctxPath + "/pfmcePlan/info/hrEffLeader/saveCell.do",

        loadComplete: function() {
            var table = this;
            setTimeout(function() {
                updatePagerIcons(table);
                enableTooltips(table);
            }, 100);
        },
        beforeSelectRow: function(rowid, e) {
             // 将之前 选中的行的高亮 去掉   
            $("tr.ui-state-highlight").removeClass("ui-state-highlight");
            // 将当前点击的 行的 标注高 亮 
            $("tr#" + rowid).addClass("ui-state-highlight");

            return true;

        },

转载于:https://my.oschina.net/ouminzy/blog/860758