修改bootstrapTable(refresh)时候刷新的请求参数

于 2022-03-04 13:24:12 发布
阅读量1.2k 收藏
点赞数 2
分类专栏： javascript 文章标签： javascript html 前端
原文链接：https://blog.csdn.net/hch15112345824/article/details/96423546
版权

monthPlanTable.getTableObj().bootstrapTable('refresh')默认请求数据

{"sortOrder":"ASC","pageSize":10,"pageNumber":1}

有时候跟我们后台接口参数名称有点区别，需要重新设置，方法如下：

monthPlanTable.getTableObj().bootstrapTable('refresh',{ query: {pageSize: 12,pageNum:1,yearPlanId:yearPlanId}});

前面monthPlanTable就是你那个table,重点是query，这个里面编写你的参数！！即使你pageNum字段都修改了，他也能识别

lixiaonaaa
关注
专栏目录
bootstrap table Refresh重新加载数据的方法
sunlizhen的专栏
06-01 9610
bootstrap table refresh重新加载数据的方法，同时也可重新设置分页相关的配置和refreshOptions方法类似。 refresh方法 参数名称 params 需要更新的配置 代码例子 //重新加载数据 $('#table').bootstrapTable('refresh'); //重新加载数据,并设置每页显示10 $('#table').bootstrapTable('refresh', {pageSize:10}); 完整例子 <..
BootstrapTable refresh 方法使用实例简单介绍
02-06
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明，非常不错，具有参考借鉴价值，需要的朋友参考下吧
bootstrapTable refresh 方法使用简单举例
03-12 337
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明。 下面代码中，一个table，一个button，单击button会触发刷新表格操作。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="s...
修改bootstrapTable('refresh')时候刷新的请求参数
hch的博客
07-18 2万+
monthPlanTable.getTableObj().bootstrapTable('refresh')默认请求数据 {"sortOrder":"ASC","pageSize":10,"pageNumber":1} 有时候跟我们后台接口参数名称有点区别，需要重新设置，方法如下： monthPlanTable.getTableObj().bootstrapTable('refresh',{...
Bootstrap Table 使用 refresh 异步刷新加载完毕后执行（回调）
欲穷三千界
01-09 7063
原理比较挫，就是加两个变量。 首先是表格： var postBodyType = 0; var postBodyResult = 0; var $table = $(&amp;amp;quot;#table&amp;amp;quot;).bootstrapTable({ ……, onPostBody: function (data) { if (postBodyType &amp;amp;amp;gt; 0) { if (postBodyTy...
bootstrapTable 的 refresh 带参数 方法使用简单举例
蔡小波的博客
01-11 1万+
本文就bootstrapTable refresh 方法带传递参数做简单举例说明。 下面代码中，一个table，一个button，单击button会触发刷新表格操作。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="styles
bootstrapTable+ajax加载数据 refresh更新数据
10-18
当日期选择器中的日期发生变化时，通过调用 `$dataTableHot.bootstrapTable('refresh')` 来刷新表格数据。同时，`#types` 下拉菜单的改变事件也触发了同样的刷新操作，确保根据用户选择的时间类别加载对应的数据。 ...
BootstrapTable请求数据时设置超时(timeout)的方法
08-31
为了解决这个问题，BootstrapTable 提供了设置超时（timeout）的功能，使得在请求数据时可以设定一个等待限制，超过这个限制就认为请求失败，并进行相应的处理。 当使用 BootstrapTable 获取数据时，通常会通过 ...
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
08-31
然而，在实际使用过程中，可能会遇到一些问题，比如本文所讨论的“后台分页时前台删除最后一页所有数据，refresh刷新后无数据”的问题。 当用户在Bootstrap Table的最后一页删除所有数据后，如果立即触发refresh...
bootstrap-table的refresh查询
deng1d2l的博客
10-06 3635
bootstrap-table具体用法不赘述了，详情参考这篇blog： https://www.cnblogs.com/laowangc/p/8875526.html 查看好几篇refresh刷新的文章，但是没实现想要的功能：用post方法，在服务端分页，自定义查询条件。 特此，记录下。 本文章refresh查询主要参考这两篇： Bootstrap Table 查询实现 bootstrapTable refresh 方法使用简单举例 主要说明的是，查询用是refreshOptions，可以自定义查询条件，而
Bootstrap Table实现定时刷新数据的方法
10-18
主要介绍了Bootstrap Table实现定时刷新数据的方法，在这里小编比较推荐使用第二种方法，需要的朋友参考下吧
mysql千万数据迁移
weixin_43803688的博客
10-31 1538
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
bootstrapTable refresh 方法使用简单举例
热门推荐
翔云
02-19 8万+
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明。下面代码中，一个table，一个button，单击button会触发刷新表格操作。<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"><link rel="stylesheet" href="../libs/bootstrap-table-v1.
Bootstrap Table 刷新方法
付出总会有收获!
04-04 2万+
更详细的方法, 可以看文档. 网友转译的中文文档: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
BootStrap Table行内编辑，“重金求来”Alibaba技术官并发编程笔记
m0_64383449的博客
12-26 1570
BootStrap作为目前比较流行的一款前端框架，平时开发中也用到的很多，之前在写项目页面用的Bootstrap，数据展示用的BootStrap Table。因为项目需求，需要对表格中某些字段可以直接在表格中编辑保存。 对于BootStrap Table表格内编辑这里整理了两种方法。想了解BootStrap Table的小伙伴可以移步到Bootstrap Table数据表格的使用指南。 第一种方法 通过contenteditable属性设置元素的内容是可编辑。 优点：简单，代码量少。 缺点：由于BootSt
使用bootstrap-table点击不同的按钮切换接口并渲染新的页面
weixin_43801572的博客
09-26 2230
需求是这样的：点击这个button按钮组，实现不同数据的页面展示。 （其实真的很简单，奈何自己经验太少了QAQ ） Html代码如下，我直接拷贝过来的，可能有一些自己的样式，不影响功能。 <div class="search-area"> <div> <div data-togg...
bootstraptable重新加载refresh，不启作用
sheshiman的博客
03-13 4519
bootstraptable重新加载refresh不启作用 如果改变了查询参数，页码（如：params.pageNum = 1）等，需要重新加载数据，一般情况下使用 $table.bootstrapTable('refresh',params); 调用后发现不启作用，页码没有变化，原因出来options上，需要在重新加载之前，改变当前options中页码的值 解决办法 在调用refresh之前，调...
table.bootstraptable refresh 列
最新发布
08-29
在使用BootstrapTable插件时，refresh列命令用于刷新表格中的数据。refresh列的功能是重新加载表格，以便更新表格中的数据，让表格显示最新的内容。 使用refresh列命令，可以通过以下步骤来刷新BootstrapTable中的列： 1. 在HTML文件中，引入BootstrapTable和jQuery两个库的相关文件。 2. 在HTML文件中，创建一个表格的容器，用于显示BootstrapTable。 3. 在JavaScript中，使用BootstrapTable的初始化参数配置表格。包括列的设置、数据的来源等。 4. 在HTML文件中，创建一个按钮或其他元素，用于触发刷新列的操作。 5. 在JavaScript中，为按钮或其他触发元素添加点击事件，调用refresh列命令。 6. 在refresh列命令中，使用BootstrapTable的方法refresh来刷新表格。 示例代码如下： ```html <!DOCTYPE html> <html> <head> <title>BootstrapTable Refresh Column</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="http://cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> </head> <body> <div class="container"> <table id="myTable"></table> <button id="refreshBtn">刷新列</button> </div> <script type="text/javascript"> $(function() { $('#myTable').bootstrapTable({ columns: [{ field: 'id', title: 'ID' }, { field: 'name', title: '姓名' }, { field: 'age', title: '年龄' }], data: [{ id: 1, name: '张三', age: 20 }, { id: 2, name: '李四', age: 25 }] }); $('#refreshBtn').click(function() { $('#myTable').bootstrapTable('refresh'); }); }); </script> </body> </html> ``` 以上就是关于使用refresh列命令刷新BootstrapTable中列的方法。在表格显示的时候，点击"刷新列"按钮，即可重新加载表格数据，实现列的刷新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值