IT小书童 我的代码收藏工具

bootstrap table getSelections获取选中行数据的方法

getSelections是一个bootstrap table一个重要而经常用到的方法,该方法获取获取你选中行的数据,需要注意和getAllSelections方法的区别,getAllSelections会返回包含搜索刷选后的选中的数据。

bootstrap table onRefreshOptions当前配置发生改变时的事件

当bootstrap table的配置信息发生改变时会执行onRefreshOptions事件,例如当然每页分页数改变、服务器端分页网站改变,但是注意这个并不是像Vue一样配置对象option属性值发生改变就会触发这个事件

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

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

bootstrap table onCollapseRow detail视图模式点击收起事件

bootstrap table表格在detail view详情视图模式下,点击收起按钮时的事件,参数返回行号、行数据对象。

bootstrap table refreshOptions 刷新配置的方法

bootstrap table refreshOptions 刷新配置,比如把某列从表中删除、设置新的服务器端分页网址、把每页显示10条数据修改成每页50条,都每页使用refreshOptions方法。

bootstrap table getOptions 获取配置对象方法

bootstrap table getOptions 获取配置对象方法,没有参数,返回配置对象。

bootstrap table onExpandRow detail视图模式点击展开事件

​bootstrap table表格在detail view详情视图模式下,点击展开按钮时的事件,参数返回行号、行数据对象。

bootstrap table onPostHeader表头渲染事件

onPostHeader在bootstrap table表头渲染之后执行的事件,该事件不返回然后参数,onPostFooter在bootstrap table表单部部渲染之后执行的事件,该事件返回脚部jquery对象。

bootstrap table onPostBody表格渲染前事件

onPostBody是在bootstrap table表格的body渲染之后执行的事件,该事件参数返回需要渲染的data数据。

bootstrap table onPreBody表格渲染前事件

onPreBody是在bootstrap table表格的body渲染之前执行的事件,我们可以利用该事件对数据进行拦截、刷选、处理,该事件参数返回需要渲染的data数据。

bootstrap table下载

bootstrap table下载

bootstrap table onToggle切换视图事件

当bootstrap table开启搜索输入框,用户输入关键词时的事件,返回text关键词字符串,需要把showToggle属性设置为true才生效。

bootstrap table onSearch搜索事件

当​bootstrap table开启搜索输入框,用户输入关键词时的事件,返回text关键词字符串。

bootstrap table onPageChange分页事件

bootstrap table onPageChange分页事件,当用户点击下一页上一页或页码时的回调事件,返回number, size参数。

bootstrap table onColumnSwitch选择列事件

bootstrap table onColumnSwitch 当设置了showColumns属性为true 时,用户选择那列显示还是隐藏时触发的事件。

bootstrap table onLoadError加载服务端数据失败事件

bootstrap table onLoadError加载服务端数据失败时执行的事件,返回status, jqXHR对象。

bootstrap table onLoadSuccess加载服务端数据成功事件

bootstrap table onLoadSuccess加载服务端数据成功的事件,该事件的作用是什么呢?服务端返回自己格式的数据,他大不可能为了PC端还是移动端分别适配不同的JSON格式,这时前端就需要把服务器端返回的数据转换成自己需要的JSON格式数据。

bootstrap table onUncheckAll取消全选事件

​bootstrap table取消全选事件,onUncheckAll事件返回取消全选前已选中的数据和全选后的数据。

bootstrap table点击列排序sortable

在表格的前端应用中点击列名进行排序,是一个非常重要的功能,常用的场景比如点击列顺序或者倒序查看销量、库存、用户量等。bootstrap table提供了列的sortable属性来进行排序非常简单,把需要排序的列属性sortable设置成true即可。

Bootstrap Table Column列属性设置

​Bootstrap Table Column的相关列属性和设置例如field、title、titleTooltip、width、class等属性,要使用Bootstrap Table首先要定义列,一般我们如下进行列的定义。