BootstrapTable加载一次后无效

最新推荐文章于 2020-12-20 21:49:33 发布
原创 最新推荐文章于 2020-12-20 21:49:33 发布 · 2.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#BootstrapTable加载一次后无 #bootstrapTable加载无效

本文介绍了解决BootstrapTable在搜索后无法更新显示的问题。通过销毁并重新加载表格的方法，确保了每次搜索都能准确更新数据显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在使用BootstrapTable绑定页面数据，遇到一个问题，就是使用BootstrapTable初始化数据后，根据搜索内容进行表格数据显示无效，控制台也不提示错误，跟踪代码发现时点击搜索按钮时没有请求后台接口。

原因：BootstrapTable加载数据后需要销毁才可以重新加载

代码：$('#table').bootstrapTable('destroy');



解决bootstrap-table固定列checkbox选中没效果问题
kitt15的博客
11-09 4716
原理： click输入框之后， 1、先blur失去焦点， 2、然后设置input readonly属性 3、然后focus focus之后 去掉readonly 代码： var parentDiv = $("#parentDiv"); parentDiv.on("focus",".codeScan", function(e){ var that = $(th...
bootstrapTable 取消 loading效果
﹏゛Aeljinh陌琳的博客
02-23 2295
使用showloading：false 不起效，纠结了许久写下的一种笨方法，如果有更好的解决方案，欢迎评论 $(’#table’).bootstrapTable(“hideLoading”); $(’.fixed-table-loading’).remove(); $(’.no-records-found’).remove(); var _this = this; $('.no-records-found').remove(); $('#table').bootstrapTa
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
11-24
bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器，官网：http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 　　这里列出遇到的一个小问题：Bootstrap Table表格一直加载不了数据。 　　$("#button").click(function(){ var name=$("input[name='name']").val(); $('#table').bootstrapTable('load',"../Query/FindMoonByName?name="+name); }); 　　我使用
Bootstrap Table表格一直加载(load)不了数据-解决办法
weixin_33890499的博客
09-17 1703
　　bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器，官网：http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 　　这里列出遇到的一个小问题：Bootstrap Table表格一直加载不了数据。 　　$("#button").click(function(){ var name=$("input[...
Bootstrap 框架 bootstrap-table 重新加载数据并不能用刷新，要用销毁
热门推荐
Ai卿的博客
06-20 1万+
Bootstrap 框架 bootstrapTable 刷新并不能重新加载数据，要在加载数据之前销毁表格，也就是重新init一次。 $('#bootstrap-table').bootstrapTable('destroy');
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
08-31
这段代码首先计算出总页数，然后将`pageNumber`设置为这个值，这样在下一次请求时，Bootstrap Table 将加载正确的页面。这样就解决了刷新后无数据的问题。 在使用Bootstrap Table时，开发者需要注意对这类异常情况...
值得分享的轻量级Bootstrap Table表格插件
09-02
另一种是通过JavaScript的`bootstrapTable`方法，传入配置对象，比如`url`属性来指定数据来源。 - **初始化表格**：在表格元素上添加相应的属性，如`data-field`和`data-formatter`，以定义列的字段和格式化函数。 ...
bootstrap table detailView
u010934312的博客
11-22 3214
        最近在研究bootstrap table的使用，过程中查询了许多资料，在给table做点击下拉详情时发现网上的资料大部分是基础应用的资料，只有很少的一部分关于这部分的资料，而且并不完全。这里记录一下昨天遇到的问题。         在数据绑定上用了$('#table').bootstrapTable({...})的方式，在参数中添加了 detailView:true， d...
前端开发 - BootstrapTable使用指南
张念磊的博客
12-12 737
设置高度为灵活高度 添加高度属性 height: $(window).height() * 0.68, 添加数据统计 分为两步： 第一步 showFooter: true, 第二步 footerFormatter: function (value) { var count = 0; for ...
bootstrapTable ie刷新无效
hua_ban_yu的博客
12-12 3055
在项目开发中使用到了bootstrapTable进行表格数据的绑定，在谷歌、火狐等常用的浏览器上都是没有问题，偏偏在ie浏览器上就存在问题。添加了数据重新加载发现新增的数据没有显示出来，初期以为是保存数据接口存在问题，后面经过代码跟踪发现，使用bootstrapTable重新加载数据没有请求后台，而是直接才ie缓存中获取。 解决方法: 1. 在请求后台接口时，添加catch设置成false 这样
bootstrap table动态加载数据示例代码
08-31
本篇文章主要介绍了bootstrap table动态加载数据示例代码，可以实现点击选择按钮，弹出模态框，加载出关键词列表，有兴趣的可以了解一下。
Bootstrap Table总结
weixin_30776863的博客
06-22 269
原文链接 一.使用 导包： 1.Jquery 2.bootstrap组件（js+css） 3.bootstrap table组件及中文包（js+css+js） 代码： 例一： <table id="table"></table> <script> $(function () { ...
vue中使用bootstrapTable，但@click无效
qq_30908729的博客
02-18 1309
vue和bootstrapTable结合使用@click无效 解决方法： 1.在bootstrapTable生成每一行数据时先定义一个空的标签，用来后面挂载vue组件 { field: '', title: '操作', formatter: function(value, row...
bootstraptable 加载完成_使用angular,"onLoadSuccess"在表格加载完成后没有触发事件
weixin_39958631的博客
12-20 822
for (var x = 0; x < $scope.apps.length; x++) {for (var i = 0; i < $scope.apps[x].tables.length; i++) {var tab = $scope.apps[x].tables[i];tab.bsTableControl = {options: {data: tab.data,rowStyle: ...
bootstrap-table中使用bootstrap-switch，翻页后switch失效，不显示图标的问题
baidu_31788709的博客
02-16 1767
bootstrap-switch真TM的满满都是槽点，坑之多，全网吐槽。 首先是，只有第一行能够显示标图的问题。 连续相同状态的多行数据只有第一个显示按钮 然后是，不能正常初始化的问题。 解决bootstrap-switch开关按钮不能正常初始化问题 向上述前仆后继的同志们致敬。 然后，碰到了第三个问题，bootstrap-table中当数据分页时，翻页以后，bootstrap-switch的效果......
bootstrap重复使用统一表格填充数据失效
有才而性缓，定属大才。有智而气和，斯为大智。
09-30 394
问题：通过设置查询条件，点击按钮触发bootstrap-table，触发以后无法再次触发 解决方案：在初始化table之前，要将table销毁，否则会保留上次加载的内容 $("#table").bootstrapTable('destroy'); //注意看文档，一般开源的项目，从文档中找办法是一个比较好的方法  ...
bootstrapTable遇到的问题
Isleta_的博客
09-18 534
问题一： bootstraptable需要彻底重新加载，发现即使url等参数更新过来仍旧无效。需要调用 $("#resource_table").bootstrapTable('destroy'); 方法，将原表格销毁，再重新init()初始化一次即可。 ...
bootstrap开发中所遇到的问题
confoo的专栏
07-24 3177
1.$('#table').bootstrapTable({...}); 是单例的，这就意味着你无法通过function传参来多次执行。 解决办法：$('#table').bootstrapTable('destory');加在创建bootstrapTable的上面就可以了； 2.网上有很多人反映说bootstrapTable的hight设置后表头与内容无法对齐，这个我也碰到了 症状
bootstraptabl 销毁表格_$table.bootstrapTable('destroy').确定执行成功了，但是页面数据不变...
weixin_39706441的博客
12-20 1544
做搜索功能的时候，queryBtn点击之后，通过console.log看到销毁重建都执行了，但是并不起作用。单独写一个销毁的点击事件，发现明明执行了销毁的代码，但是页面里的数据都还在。代码如下var operateEvents = {'click #tableEditor': function (e, value, row, index) {},'click #tableDelete': func...
Bootstrap-table分页增强：添加跳转功能
$('#myTable').bootstrapTable({ pageSize: 10, pageNumber: 1, sidePagination: 'server', // 其他必要的表格配置项... // bootstrap-table-jump扩展配置 paginationJump: true, paginationJumpOptions: { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值