bootstrapTable清空表格重新加载

最新推荐文章于 2024-05-21 16:45:41 发布
最新推荐文章于 2024-05-21 16:45:41 发布
阅读量2.8w 收藏 10
点赞数 7
分类专栏： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LLL_liuhui/article/details/80363485
版权

我有两个加载条件，比如按时间、按地区重新加载，但是触发bootstrap-table之后无法再次触发，后来终于找到办法了：

在重新加载表格之前，要将table销毁。

$('#table').bootstrapTable('destroy');

$('#table').bootstrapTable({...});


LLL_LH
关注
  • 7
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
bootstrap table Refresh重新加载数据的方法
sunlizhen的专栏
06-01 9398
bootstrap table refresh重新加载数据的方法，同时也可重新设置分页相关的配置和refreshOptions方法类似。 refresh方法 参数名称 params 需要更新的配置 代码例子 //重新加载数据 $('#table').bootstrapTable('refresh'); //重新加载数据,并设置每页显示10 $('#table').bootstrapTable('refresh', {pageSize:10}); 完整例子 <..
bootstraptabl 销毁表格_bootstrap-table操作之“删除”
weixin_39642990的博客
12-20 348
最近在做一个新的后台管理系统，在对数据进行操作时需要写一个“删除”功能，如图所示：下面我来描述一下实现过程中出现的bug以及解决方法：1、href值为空(href=" ")：bug：点击“删除”时一直刷新本页面解决方法：赋值href="javascript:;"2、onclick点击事件:del()bug：点击“删除”时报错：del is not defined解决方法：del()函数应在$(fu...
Bootstrap Table 删除和批量删除
08-29
主要介绍了Bootstrap Table 删除和批量删除的相关资料,需要的朋友可以参考下
bootstrap table使用总结
最新发布
weixin_43704154的博客
05-21 1667
使用服务器端处理时，bootstrap-table的默认操作模式是简单地丢弃表中当前存在的任何数据，并向服务器发出请求以获取要显示的第一页数据。因此，您可以使用data-defer-url而不是data-url来指示bootstrap-table不发出初始请求，而是使用页面上已有的数据。依赖：tablednd v0.9，如果你想要你可以包含bootstrap-table-reorder-rows.css文件来使用默认的。1，$ 100，$ 2，$ 20而不是$ 1，$ 2，$ 20，$ 100。
bootstrap table清空表格内容
xm的博客
06-30 1万+
请查看： http://yayihouse.com/yayishuwu/chapter/1939
关于bootstrap清空表单的两种方法
xu_xu_0924的博客
07-14 3346
第一种最直接也相对来说最简便的 $('#模态框的id').on('hidden.bs.modal', function () { document.querySelector('#form1').reset(); }); 第二种比较繁琐 $(‘#模态框的id').on('hidden.bs.modal', function () { //输入框清空 $("#表单id input").each(function(){ $(this).val(''); }) //下拉菜单清空 $("#
Bootstrap Table清空数据后再添加数据时数据错乱
tongxin_tongmeng的博客
11-02 7539
function filterVave() { $("#table-vave").bootstrapTable('removeAll'); var selectedContent = $("#table-function").bootstrapTable('getSelections'); $("#table-vave").bootstrapTable("append", selected...
使用bootstraptable插件实现表格记录的查询、分页、排序操作
08-29
使用bootstraptable插件实现表格记录的查询、分页、排序操作 Bootstrap-table插件是一个功能强大且广泛应用的开源表格插件，在Web开发中，可以用来实现表格记录的查询、分页、排序等处理。该插件提供了非常丰富的...
bootstrap table实例详解
08-31
如果数据为空，则清空表格内容。`createBootstrapModal` 和 `createLabels` 以及 `renderLabels` 等函数应该是创建和渲染模态对话框及标签的辅助函数，但具体实现未在给出的代码中给出。 总的来说，Bootstrap Table...
bootstrap table.js动态填充单元格数据的多种方法
10-16
$('#table-javascript').bootstrapTable({ method : 'get', // 请求方式（*） url : ContextUtil.zutnlp_spark_info, // 数据源 cache : false, // 是否使用缓存，默认为true，所以一般情况下需要设置为false ...
bootstrap table之通用方法（ 时间控件，导出，动态下拉框， 表单验证 ，选中与获取信息）代码分享
08-31
return $('#gzrwTable').bootstrapTable('getData')[index]; } ``` 3. **时间控件** 在表单中，我们常常需要填充当前时间作为默认值。下面的代码展示了如何获取当前日期并将其赋值给一个ID为`endTime`的输入...
Bootstrap 框架 bootstrap-table 重新加载数据并不能用刷新，要用销毁
Ai卿的博客
06-20 1万+
Bootstrap 框架 bootstrapTable 刷新并不能重新加载数据，要在加载数据之前销毁表格，也就是重新init一次。 $('#bootstrap-table').bootstrapTable('destroy');
bootstrape table清空所有的已选项_JAVA 命令之标准选项( agentlib hprof, jdwp 使用指南)...
weixin_39613712的博客
01-30 168
JAVA JVM 支持所以的标准命令选项，标准选项用于常见操作，例如检查JRE版本，设置类路径，启用详细输出等-agentlib:<libname>[=<选项>]加载指定的本机代理程序库。libname 后面 可以使用逗号分隔的特定于该库的选项列表。本章详细讲解 本地代理库之 hprof 工具的使用指南，该工具是SDK自带的一个简单的profiler代理，它通过与Java ...
bootstraptabl 销毁表格_常用表格插件：Bootstrap-table 用法梳理
weixin_39543758的博客
01-12 265
这是我第2篇简书。所需js文件夹1.引用css:js: //中文 //导出excel，需要时再引用2.主要代码块html搜 索新 增-------------------------------------------------------------------------------------------------------------jsfunction buildTa...
bootstraptable的加载刷新数据
热门推荐
BUG设计师
08-01 2万+
bootstraptable的加载刷新数据 表格的多条件查询
layui表格动态加载实现清空表头
y5706745的博客
03-18 1503
layui表格要做到清空表头，直接删除table容器，这样就已经实现了清空表头，之后再重新添加table容器。
bootstraptable重新加载
那些年的代码
12-09 248
bootstraptable需要彻底重新加载，发现即使url等参数更新过来仍旧无效。需要调用 $("#resource_table").bootstrapTable('destroy'); 方法，将原表格销毁，再重新init()初始化一次即可。 ...
删除html表里的数据,bootstrap table removeAll把数据从表格中删除的方法
weixin_42356292的博客
06-04 2190
bootstrap table removeAll把数据从表格中删除的方法bootstrap table removeAll方法删除表格所有数据，无需参数。代码例子//删除表格所有数据$('#table').bootstrapTable('removeAll');完整例子bootstrap table removeAll在线例子.table-demo {width: 80%;margin: 30p...
bootstrap select2 php,Bootstrap select2 ,table, 清空表单form
weixin_29313817的博客
03-21 156
Select2 插件 使用版本 ：4.0.1加载数据：加载时可设置其他参数可以设为多选，最多选择多少个等var jsonData = :[{"id": "0","text": "可用"},{"id": "1","text": "禁用"}]$("mySelect2IDorClass").select2({data:jsonData})获取值：var select2 = $("mySelect2ID...
bootstraptable 获取表格所有分页中的选中行
04-29
要获取Bootstrap Table中所有分页中的选中行，可以使用以下步骤： 1. 在Bootstrap Table中设置`clickToSelect`选项为`true`以启用行选择器，如下所示： ```javascript $('#myTable').bootstrapTable({ clickToSelect: true, // 其他选项... }); ``` 2. 当用户选择行时，将选中的行ID保存在一个数组中，如下所示： ```javascript var selectedIds = []; $('#myTable').on('check.bs.table', function (e, row) { selectedIds.push(row.id); }); ``` 在这个示例中，我们使用了Bootstrap Table提供的`check.bs.table`事件来监听行的选中操作，并将选中行的ID添加到`selectedIds`数组中。 3. 在需要的时候，你可以使用Bootstrap Table的`getSelections`方法来获取所有选中的行，如下所示： ```javascript var allSelectedRows = $('#myTable').bootstrapTable('getSelections'); ``` 如果你想要获取所有分页中的选中行，你需要在每个分页切换的时候，将之前选中的行ID保存下来，并在下一页加载时重新选中这些行。你可以使用Bootstrap Table提供的`page-change.bs.table`事件来监听分页切换操作，如下所示： ```javascript var selectedIds = []; $('#myTable').on('check.bs.table', function (e, row) { selectedIds.push(row.id); }); $('#myTable').on('page-change.bs.table', function (e, number, size) { // 保存之前选中的行ID var prevSelectedIds = selectedIds.slice(); // 清空选中的行ID selectedIds = []; // 重新选中之前选中的行 $.each(prevSelectedIds, function (index, id) { $('#myTable').bootstrapTable('checkBy', { field: 'id', values: [id] }); }); }); ``` 在这个示例中，我们使用了Bootstrap Table提供的`checkBy`方法来重新选中之前选中的行。`checkBy`方法接受一个对象参数，用于指定要选中的行的条件。在这个示例中，我们使用了`field`和`values`属性来指定要选中的行的ID。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LLL_LH

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值