Bootstrap Table--onEditableSave

  1. 当某列编辑完成后,需要对当前列所在的行进行修改操作:

     $("#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。

  2. 如果你的列中有

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

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

posted @ 2019-08-29 16:54  那些年的代码  阅读(4529)  评论(0编辑  收藏  举报