Bootstrap Table 在页面更改时设置搜索文本答案

【问题标题】：Bootstrap Table set search text on page changeBootstrap Table 在页面更改时设置搜索文本
【发布时间】：2016-07-07 09:24:53
【问题描述】：

我有一个自定义搜索。当按钮被点击时，我正在使用以下方式检索搜索文本：

$('.fixed-table-toolbar').find('.search > :input').val()

然后我使用刷新事件回发到我的控制器：

$table.bootstrapTable('refresh', {
url: '@Url.Action("Action", "ControllerName")',
query: { searchText: searchValue }
});

我也有分页，所以如果搜索结果发回许多结果，我需要使用相同的 searchText 对这些结果进行分页，但是当它在页面更改时发回控制器时，searchText 值为空。我尝试使用 : $table.on('page-change.bs.table') 事件，然后像上面发布的那样进行刷新事件，但显然两次回发到控制器，在第一次调用时 searchText 为 null 并且在第二个它设置了值。分页时如何使 searchText 值保持不变？

谢谢

【问题讨论】：

它将为空，使用 ajax。如果您只是拉出所有结果，为什么还要使用分页；分页用于一次提取少量数据时

标签： javascript asp.net-mvc bootstrap-table

【解决方案1】：

您可以使用resetSearch方法解决您的问题，例如here。

【讨论】：

【解决方案2】：

您可以在初始化表格时设置搜索文本。对于静态搜索，请使用：

data-search-text="your hard coded search content"

对于动态搜索，请使用：

var searchText = 'Test search content';
$('#tableId').bootstrapTable({
        searchText: searchText,
 });

注意：请记住对表格使用 data-search="true"（默认为 false）。

【讨论】：