解决Bootstrap-table多次请求但只触发一次的问题

最新推荐文章于 2020-11-27 11:12:27 发布

原创最新推荐文章于 2020-11-27 11:12:27 发布 · 960 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Bootstrap #bootstrapTable

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种解决bootstrap-table组件在多次点击按钮时无法重新加载数据的问题。关键在于每次加载前先销毁table中的现有数据，确保数据的更新和刷新。

问题描述：

第一次点击按钮触发bootstrap-table后，再次点击此按钮但无法再次触发。

解决方案：

在给table中的元素赋值之前，需要先销毁table中的数据，否则会保留上次加载的内容。

正解代码：

// 点击“详情”按钮后会调用此方法来获取详情模态框中的表格数据
function conditionDetail(row) {

   // 先销毁table中的数据
   $("#table_id").bootstrapTable('destroy');
   
	var ord_no = row.ord_no;
	$("#table_id").bootstrapTable({
	    url : "XXX/queryCrdByOrdNo.do?ord_no=" + ord_no
	});
}