bootStrapTable增删改查方法
bootStrapTable增删改查方法
一：（查）获取表中数据：
var row = $(’#newCustomApplyTable’).bootstrapTable(‘getSelections’);
常用参数：
- getData 获取表中所有数据
- getSelections 获取表中所有选中数据
- getOptions 获取当前表格而非数据，使用rows.data属性值与getDate获取数据相同
var row = $(’#newCustomApplyTable’).bootstrapTable(‘getRowByUniqueId’, id);
- getRowByUniqueId 通过主键获取一行数据
- removeByUniqueId 根据唯一ID移除行数据
- updateByUniqueId 根据唯一ID更新行数据每一行
二： 对表中数据进行插入删除更新操作：
var table = $("#newCustomApplyTable");//全表 table.bootstrapTable('updateRow', { index: id, row: row });
- updateRow------index,row 更新index行，更新数据为row
- updateCell------index(下表),filed(列名),value(值) 更新index一行中的filed列中的值为value
- insertRow------index,row 插入一行新的数据
- remove-------field,values 删除指定列名值为values数组包含的行
- 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];
*/
}
}