Bootstrap Table--onEditableSave

当某列编辑完成后，需要对当前列所在的行进行修改操作：

$("#grid").bootstrapTable({

url:'',

……

…… //其他属性

columns:[{

field:'rowId',

title:'序号',

width:30,

align: 'center',

formatter:function(value,row,index){

row.rowId = index;

return index+1;

}

…… //其他列

}],

onEditableSave: function (field, row, oldValue, $el) {

$table = $('#grid').bootstrapTable({});

$table.bootstrapTable('updateRow', {index: row.rowId, row: row});

}

注意：黑色粗体字就是新增的代码，表示在列编辑完成后，对当前列所在的行进行修改。

index 表示该行所在的索引。由于onEditableSave函数的参数中没有index，只能自己特殊处理了。看到在columns属性中，有一个field:'rowId’就是自己处理的，rowId赋给row。
如果你的列中有

formatter:function(value,row,index){} 函数，

在onEditableSave 方法执行完成后，该函数会重新执行，这样就会把修改后的列的值重新拿到进行处理。

巴特西