bootstrap 获取表格修改的结果_bootstrap table getData获取表格数据的方法

bootstrap table getData获取表格数据的方法

bootstrap table getData获取表格的数据,该方法新版和老版本有区别，因为新版本增加了隐藏行的功能而老版本没有。老版本1个参数是否获取包含分页的数据，新版本增加了一个是否获取包含隐藏行的数据。

注：当然这里说的分页是指前端分页，想想也不可能是指服务器端分页的数据

老版本getData//只获取当前页的数据,比如有10页数据，当前一页只获取第一页的数据

var data= $('#table').bootstrapTable('getData',true);

//获取包含分页的数据，比如有10页数据，获取全部10页的数据

var data= $('#table').bootstrapTable('getData',false);

新版本getData

参数名称参数说明

useCurrentPage设置为true获取当前页码的数据；设置为false获取表格全部页码的数据

includeHiddenRows设置true包含隐藏行的数据；设置false不包含隐藏行的数据

//只获取当前页的数据,包含隐藏行

var data= $('#table').bootstrapTable('getData',{useCurrentPage:true,includeHiddenRows:true});

//获取包含分页的全部数据，但是不包含隐藏行的数据

var data= $('#table').bootstrapTable('getData',{useCurrentPage:false,includeHiddenRows:false});

完整代码

bootstrap table getData在线例子

.table-demo {

width: 80%;

margin: 30px auto 0px auto;

}

.titles {

float: right;

clear: both;

}

获取数据

//设置需要显示的列

var columns = [

{

field:"Id",

title: 'ID'

}, {

field: 'Car',

title: '品牌'

}, {

field: 'StockNum',

title: 'Num'

} ];

//需要显示的数据

var data = [{

Id: 1000,

Car: '本田',

StockNum: '1'

}, {

Id: 1002,

Car: '丰田',

StockNum: '2'

}, {

Id: 1003,

Car: '宝马',

StockNum: '3'

}, {

Id: 1004,

Car: '别克',

StockNum: '4'

}];

//bootstrap table初始化数据

$('#table').bootstrapTable({

toolbar:"#toolbar",

columns: columns,

data: data,

pageSize:2,

pagination:true

});

function getData()

{

var data= $('#table').bootstrapTable('getData',{useCurrentPage:true,includeHiddenRows:true});

alert(JSON.stringify(data));

}

bootstrap 获取表格修改的结果_bootstrap table getData获取表格数据的方法相关推荐

java stringbuffer 转数组_JAVA之旅（十七）——StringBuffer的概述，存储，删除，获取，修改，反转，将缓存区的数据存储到数组中，StringBuilder...
JAVA之旅(十七)--StringBuffer的概述,存储,删除,获取,修改,反转,将缓存区的数据存储到数组中,StringBuilder 讲完String,我们来聊聊他的小兄弟一.StringB ...
bootstrap 获取表格修改的结果_BootStrap实现带有增删改查功能的表格(DEMO详解)
前言 bootstrap的表格样式,有类似EasyUI的表格,也有卡片式表格,放到移动端显示,各有千秋.但是BootStrap自带的表格是没有操作列的,网上的资源不少,但是都是比较单一.零碎,JS.C ...
bootstarp js设置列隐藏_bootstrap table getHiddenColumns获取隐藏的列的方法
bootstrap table getHiddenColumns获取隐藏的列的方法 bootstrap table getHiddenColumns获取表格隐藏的列,即获取哪些列当前不可见的列,因为有 ...
layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...
html5 表格向下,html中table固定头部表格tbody可上下左右滑动代码实例
本篇文章小编给大家分享一下html中table固定头部表格tbody可上下左右滑动代码实例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 当表格头部固 ...
c语言获取文件修改时间,（C语言）获取并修改文件夹时间（创建时间、修改时间、访问时间）...
背景在Windows系统下没有提供可以对文件夹时间属性修改的方法或者API,在上一篇文章中我们提到了文件时间的函数,那么我们可以以打开文件的方式打开文件夹,然后通过修改文件时间的API函数对文件夹时 ...
android获取区域内像素坐标,Android利用BitMap获得图片像素数据的方法
本文实例讲述了Android利用BitMap获得图片像素数据的方法.分享给大家供大家参考,具体如下: 网上看到的参考是: int[] pixels = new int[bit.getWidth()*b ...
table标签、表格的跨行跨列、ifarme标签
table标签需求: 制作一个带表头的三行山列的表格,并显示边框:修改表格的宽度.高度.表格的对齐方式.单元格间距. <!DOCTYPE html> <html lang=&quo ...
table中的td表示table data（表格数据），tr表示table row（表格行），th表示table head（表格头）
<table>中的 <td>表示table data(表格数据) <tr>表示table row(表格行) <th>表示table head(表格头)
vue组件通信之父组件主动获取子组件数据和方法
ref 可以用来获取到dom节点,如果在组件中应用,也可以用来获取子组件的数据和方法. 比如,我定义了一个home组件,一个head组件,home组件中引用head组件. 此时,home组件是head ...

bootstrap 获取表格修改的结果_bootstrap table getData获取表格数据的方法

bootstrap 获取表格修改的结果_bootstrap table getData获取表格数据的方法相关推荐

最新文章

热门文章