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

  • 相关阅读:
    JavaBean
    J2EE的13个规范
    IntelliJ IDEA 常用快捷键列表及技巧大全
    服务端工程师入门与进阶 Java 版
    新兵训练营课程——环境与工具Java[转]
    asp.net 局域网中获取 client的机器名
    css 阻止元素中的文本。双击选中
    正则实践
    jq dom不存在时绑定事件
    正则预查
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11430632.html
Copyright © 2011-2022 走看看