• Bootstrap Table--onEditableSave


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

       $("#grid").bootstrapTable({

           url:'',

           ……

           …… //其他属性

          columns:[{

              field:'rowId',

              title:'序号',

              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 方法执行完成后,该函数会重新执行,这样就会把修改后的列的值重新拿到进行处理。

  • 相关阅读:
    jstl <c:url>标签
    4.12快速分类
    2.递归回溯求子集和数问题
    计算圆面积
    openal在vs2010中的配置
    结构体数组排序
    检测信号的有无
    matlab中mat文件简单存/取
    m文件转换c代码
    安装fftw到window(vs2010)及使用fftw库函数实现4096点fft变换计算
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11430632.html
Copyright © 2020-2023  润新知