Bootstrap表在页面更改时设置搜索文本

时间:2016-07-07 09:24:54

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

我有自定义搜索。单击按钮时 我正在使用以下方法检索搜索文本:

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

然后我使用刷新事件回发给我的控制器:

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

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

由于

2 个答案:

答案 0 :(得分:0)

您可以使用resetSearch方法解决问题,例如here

答案 1 :(得分:0)

您可以在初始化表格时设置搜索文本。 对于静态搜索,请使用以下代码:

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

对于动态搜索,请使用以下

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

注意:请记住对表使用data-search =“ true”(默认情况下为false)。