bootStrapTable增删改查方法

bootStrapTable增删改查方法

一：（查）获取表中数据：

var row = $(’#newCustomApplyTable’).bootstrapTable(‘getSelections’);

常用参数：

1. getData 获取表中所有数据
2. getSelections 获取表中所有选中数据
3. getOptions 获取当前表格而非数据，使用rows.data属性值与getDate获取数据相同

var row = $(’#newCustomApplyTable’).bootstrapTable(‘getRowByUniqueId’, id);

1. getRowByUniqueId 通过主键获取一行数据
2. removeByUniqueId 根据唯一ID移除行数据
3. updateByUniqueId 根据唯一ID更新行数据每一行

二： 对表中数据进行插入删除更新操作：

var table = $("#newCustomApplyTable");//全表
table.bootstrapTable('updateRow', {
                        index: id,
                        row: row
                   });

1. updateRow------index,row 更新index行，更新数据为row
2. updateCell------index(下表),filed(列名),value(值) 更新index一行中的filed列中的值为value
3. insertRow------index,row 插入一行新的数据
4. remove-------field,values 删除指定列名值为values数组包含的行
5. removeAll 删除表格中所有数据

DEMO**

package com.example.demo.bootStrap;

/**
 * @author jys
 * @create 2019/6/21
 * @since 1.0.0
 */
public class BootStrapData {
    public static void main(String[] args) {
        /**
         *
         * todo 参考文章 https://blog.csdn.net/pengjunlee/article/details/80659747
         * todo idea 矩形选中快捷键  Shift+Alt+Insert
         *
         * todo     bootStrap常用的功能
         * todo     1、更新行数据     updateRow
         * todo     2、插入行数据     insertRow
         * todo     3、移除行数据     remove
         * todo     4、获取当前页所有的行数据             getData
         * todo     5、获取当前页所有选中的行数据         getSelections
         * todo     6、获取表格                           getOptions
         * todo     7、根据唯一ID获取行数据               getRowByUniqueId
         * todo     8、根据唯一ID移除行数据               removeByUniqueId
         * todo     9、根据唯一ID更新行数据每一行         updateByUniqueId
         * todo     10、更新一个单元格数据
         */

        //todo     1、更新行数据     updateRow

        /**
         *  todo    $('#table_Id').bootstrapTable('updateRow',
         *  todo        {
         *  todo               index: checkIndex,   //index---->更新行的索引
         *  todo               row: data.data       //row ---->要更新的数据
         *  todo          });
         */
    /**
     *  todo    //废弃demo1 根据index获取行数据getData
     *  todo  function FeiQi(id) {
     *  todo    layer.confirm('确定要废弃选中的记录？', {
     *  todo        btn: ['确定', '取消']
     *  todo        }, function () {
     *  todo            var rows = $('#newCustomApplyTable').bootstrapTable('getData');
     *  todo            var row = rows[id];
     *  todo            row.projectStatus = "99";
     *  todo            var table = $("#newCustomApplyTable");//全表
     *  todo            table.bootstrapTable('updateRow', {
     *  todo            index: id,
     *  todo            row: row
     *  todo            });
     *  todo        layer.closeAll('dialog');
     *  todo        })
     *  todo    }
     */

    /** todo       //废弃demo2 根据选中获取行数据getSelections  需先选中行
     *  todo    function FeiQi(id) {
     *  todo            layer.confirm('确定要废弃选中的记录？', {
     *  todo                    btn: ['确定', '取消']
     *  todo          }, function () {
     *  todo            var row = $('#newCustomApplyTable').bootstrapTable('getSelections');
     *  todo            row.projectStatus = "99";
     *  todo            var table = $("#newCustomApplyTable");//全表
     *  todo            table.bootstrapTable('updateRow', {
     *  todo                index: id,
     *  todo                row: row
     *  todo    });
     *  todo        layer.closeAll('dialog');
     *  todo    })
     *  todo  }
     */


    /**
     *  todo        //废弃demo3 获取表格参数getOptions  然后获取data
     *  todo         function FeiQi(id) {
     *  todo                 layer.confirm('确定要废弃选中的记录？', {
     *  todo                         btn: ['确定', '取消']
     *  todo        }, function () {
     *  todo             var rows = $('#newCustomApplyTable').bootstrapTable('getOptions');
     *  todo             var row = rows.data[id];
     *  todo             row.projectStatus = "99";
     *  todo             var table = $("#newCustomApplyTable");//全表
     *  todo             table.bootstrapTable('updateRow', {
     *  todo                     index: id,
     *  todo                     row: row
     *  todo         });
     *  todo                layer.closeAll('dialog');
     *  todo      })
     *  todo  }
     */

    /** todo           //废弃demo4 拿到id直接更新
     *  todo             function FeiQi(id) {
     *  todo                     layer.confirm('确定要废弃选中的记录？', {
     *  todo                             btn: ['确定', '取消']
     *  todo         }, function () {
     *  todo                 var row = [];       
     *  todo                 row.projectStatus = "99";
     *  todo                 var table = $("#newCustomApplyTable");//全表
     *  todo                 table.bootstrapTable('updateRow', {
     *  todo                         index: id,
     *  todo                         row: row
     *  todo             });
     *  todo                 layer.closeAll('dialog');
     *  todo             })
     *  todo     }
     *  todo
     */

    /**
     *  todo         //废弃demo5 使用updateCell方法
     *  todo              function FeiQi(id) {
     *  todo                      layer.confirm('确定要废弃选中的记录？', {
     *  todo                              btn: ['确定', '取消']
     *  todo          }, function () {
     *  todo                  var rows = $('#newCustomApplyTable').bootstrapTable('getOptions');
     *  todo                  var row = rows.data[id];
     *  todo                  var feiQi = row.projectStatus;
     *  todo                  feiQi = "99";
     *  todo                  var table = $("#newCustomApplyTable");//全表
     *  todo                  table.bootstrapTable('updateCell', {
     *  todo                          index: id,
     *  todo                          field: 'projectStatus',
     *  todo                          value: feiQi
     *  todo              });
     *  todo                  layer.closeAll('dialog');
     *  todo              })
     *  todo      }
     */


    /** todo           //废弃demo6 根据唯一ID获取行数据   getRowByUniqueId
     *  todo             第一步 设置主键字段
     *  todo                 uniqueId: "amountOfLiabilities",
     *  todo             第二步 传输主键字段
     *  todo                 + row.amountOfLiabilities
     *  todo              function FeiQi(id) {
     *  todo                      layer.confirm('确定要废弃选中的记录？', {
     *  todo                              btn: ['确定', '取消']
     *  todo          }, function () {
     *  todo                  debugger;
     *  todo                  var row = $('#newCustomApplyTable').bootstrapTable('getRowByUniqueId', id);
     *  todo                  row.projectStatus = "99";
     *  todo                  var table = $("#newCustomApplyTable");//全表
     *  todo
     *  todo                  table.bootstrapTable('updateRow', {
     *  todo                          index: id,
     *  todo                          row: row
     *  todo              });
     *  todo                  layer.closeAll('dialog');
     *  todo              })
     *  todo      }
     *  todo




     //todo     2、插入行数据     insertRow

     /**
     *  todo    $('#table_Id').bootstrapTable('insertRow',
     *  todo        {
     *  todo               index: checkIndex,   //index---->插入行的索引
     *  todo               row: data.data       //row ---->插入的数据
     *  todo          });
     */


    //todo     3、移除行数据     remove

    /**
     *  todo    $('#table_Id').bootstrapTable('remove',
     *  todo        {
     *  todo               field: checkIndex,   //field---->列名
     *  todo               values: data.data       //values ---->列名取值数组
     *  todo          });
     */


    /**
     *  todo   删除还款计划demo1    根据索引值进行删除
     *  todo
     *  todo     function removeAllocat(id) {
     *  todo             layer.confirm('确定要删除选中的记录？', {
     *  todo                     btn: ['确定', '取消']
     *  todo      }, function () {
     *  todo         var table = $("#allocations");
     *  todo         var values = [parseInt(id)];
     *  todo         table.bootstrapTable('remove', {
     *  todo                 field: 'id',
     *  todo                 values: values
     *  todo      });
     *  todo         layer.closeAll('dialog');
     *  todo     })
     *  todo      }
     *  todo
     *  todo
     */


    /** todo       //删除放款计划 demo2  类似于removeAll  假如某个字段有3行数据都一样   那就移除3行
     *  todo              function removePayPlanTable(payPlaneDate) {
     *  todo              layer.confirm('确定要删除选中的记录？', {
     *  todo                      btn: ['确定', '取消']
     *  todo          }, function () {
     *  todo                  var table = $("#payPlanTable");
     *  todo                  var values = [payPlaneDate];
     *  todo                  table.bootstrapTable('remove', {
     *  todo                          field: 'payPlaneDate',
     *  todo                          values: values
     *  todo              });
     *  todo                  layer.closeAll('dialog');
     *  todo              })
     *  todo      }
     *  todo
     */


    //todo     4、获取当前页所有的行数据             getData

    /**
     *  todo    var rows = $("#allocations").bootstrapTable('getData');
     */

    //todo     5、获取当前页所有选中的行数据         getSelections

    /**
     *  todo    var rows = $("#allocations").bootstrapTable('getSelections');
     */

    //todo     6、获取表格参数                       getOptions

    /**
     *  todo    var row = $("#allocations").bootstrapTable('getOptions').data[index];
     */

}

}