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

bootstrap table filterBy数据刷选过滤器和查询条件

bootstrap table filterBy数据刷选过滤器,对表格数据进行刷选,比如找出ID为1、10 用户名为itxst的数据。注意这个方法只针对前端有效。

bootstrap table show/hide Column隐藏显示列的方法

bootstrap table showColumn显示指定的列,hideColumn隐藏指定的列。

bootstrap table getHiddenRows获取隐藏的行的方法

bootstrap table getHiddenRows获取隐藏的行,如果参数传入true会把隐藏的行显示但是不会返回隐藏的行,这点设计有点不合理。

bootstrap table hideRow显示行的方法

​bootstrap table hideRow方法用来控制移除某一行数据),可以根据index索引和uniqueId唯一ID条件来隐藏行。

bootstrap table showRow显示行的方法

​bootstrap table showRow方法用来控制显示某一行数据(之前被隐藏的行),可以根据index索引和uniqueId唯一ID来控制。

bootstrap table updateCellByUniqueId根据唯一字段更新单元格数据的方法

bootstrap table updateCellByUniqueId更新单元格数据,参数包含id、field、value。

bootstrap table updateCell更新单元格数据的方法

bootstrap table updateCell更新单元格数据,参数列表如下,包含index、field、value三个参数

bootstrap table removeByUniqueId根据唯一Id删除数据的方法

removeByUniqueId根据唯一字段(主键字段)删除数据。

bootstrap table updateByUniqueId根据唯一Id更新行数据的方法

​通过bootstrap table updateByUniqueId方法更新行数据 ,根据唯一字段(主键字段)更新行数据,需要注replace参数的用法,注意不要忘记通过uniqueId属性设置唯一字段。

bootstrap table getRowByUniqueId根据唯一Id获取行数据的方法

bootstrap table getRowByUniqueId根据唯一Id获取行数据,使用此方法的前提是要指定那列字段为唯一字段(主键字段)。

bootstrap table updateRow更新一行数据的方法

通过bootstrap table updateRow方法更新行数据,使用场景通常是选中一行弹出窗,在窗口表单修改完数据后,使用updateRow更新bootstrap table选中行的数据,需要注replace参数的用法。

bootstrap table insertRow插入一行数据的方法

​通过bootstrap table insertRow方法插入一行数据到表格,需要传递两个参数一个是插入到哪一行以及需要插入的行对象。

bootstrap table removeAll把数据从表格中删除的方法

bootstrap table removeAll方法删除表格所有数据,无需参数。

bootstrap table remove把数据从表格中删除的方法

bootstrap table remove方法根据你设置的字段和对应的值把相应的数据从表格中移除掉。比如把选中的数据行从表格中删除就是很常见的操作。

bootstrap table prepend追加数据到表格头部方法

bootstrap table prepend把数据追加到表格头部的方法,这个方法刚好和append方法相反。

bootstrap table resetSearch重置搜索框

如果你开启了搜索框,可以通过resetSearch重置搜索框。

bootstrap table toggleView切换卡片视图方法

bootstrap table toggleView把列表模式切换到卡片视图模式。

bootstrap table toggleFullscreen全屏显示

bootstrap table toggleFullscreen全屏显示或取消全屏显示。

bootstrap table togglePagination隐藏显示分页

bootstrap table togglePagination隐藏显示分页器,如果已显示就会隐藏,如果没显示就会显示,效果图如下。

bootstrap table showLoading/hideLoading隐藏显示加载进度提示,并自定义提示文字

bootstrap table showLoading/hideLoading隐藏显示加载进度提示,并自定义提示文字。