easyui datagrid 怎么动态改变某列的数据

easyui datagrid 如何动态改变某列的数据
就是想做的这样的效果
刚开始数据加载完是这样的
如图


现在想做的是点击修改，然后打开编辑器，将操作那列的当前数据变成保存和取消
如图


不知道怎么样去修改datagrid中的那个操作中的数据
[解决办法]
定义一个变量存放正在编辑的行，通过updateRow这个方法从新执行formatter这个方法通过这个变量判断选择哪个就可以



field: 'operate',
            title: '操作',
            //title: $res_entry('SCB.label.status'),
            width: 100,
            formatter: function(value, rowData, rowIndex){
                var operate = '<a href="javascript:void(0)"  onclick="modify(' + rowIndex + ')">修改</a>'
                if (editorRow != -1 && editorRow == rowIndex) {
                    operate = '<a href="javascript:void(0)" onclick="saveEdit(' + rowIndex + ')">保存</a>&nbsp' +
                    '<a href="javascript:void(0)" onclick="cancelEdit(' +
                    rowIndex +
                    ')">取消</a>';
                }
                return operate;
                
            }

/**
 * 修改
 */
function modify(index){
    //判断是否只有一行在修改
    var num = POSStockRowTable.datagrid('getSelections');
    if (editorRow == -1) {
        //当没有数据编辑时则进行编辑
        //打开编辑器进行编辑
        POSStockRowTable.datagrid('beginEdit', index);
        //将当前编辑的行号给记录在编辑的行变量中
        editorRow = index;
        //更新当前编辑行的内容，用于改变操作的数据 operate 列值
        POSStockRowTable.datagrid('updateRow', {
            index: index,
            row: {
                operate: ""
            },
        });
        
    }
    else {
        //当有数据编辑时提示是否保存
        $.messager.confirm('提示', '是否保存正在修改的数据', function(btn2){
            //点击确定则保存,否则取消
            if (btn2) {
                //存放正在编辑的行号
    var index = editorRow;
    editorRow = -1;
    POSStockRowTable.datagrid('endEdit', index);
            }
        });
    }
    
}