jquery - 清除 BootstrapTable 中的过滤器值

Question

我有一个带有过滤器的 bootstrapTable，其中包含服务器端数据。

<table class="table table-condensed table-bordered table-hover" id="position-list"
data-toggle="table" 
data-page-list="[10, 25, 50, 100, ALL]"
data-url="/getData.jsp"
data-side-pagination="server"
data-pagination="true" 
data-click-to-select="true"
data-id-field="id"
data-show-footer="false"   
data-minimum-count-columns="2"                           
data-height="550" 
data-filter-control="true" 
data-filter-show-clear="true"
>
<thead>
<tr>
    <th data-sortable="true" data-field="Status" data-filter-control="select">Status</th>
      ....

行 data-filter-show-clear="true" 向 bootstrapTable 添加了一个按钮，效果很好。这是开发者 http://issues.wenzhixin.net.cn/bootstrap-table/#extensions/filter-control.html 的演示

问题是我在屏幕上的其他地方有自己的按钮，我想激活清除过滤器，但我不想要这个默认按钮。

我尝试过的一个选项是将以下代码附加到我的按钮

 $('.form-control').val('');
 $('#position-list').bootstrapTable('refresh');

但是它不起作用 - 通过调试 bootstrap-table.js 我可以看到 filterColumnsPartial 没有重置，因此我的手动过滤器选择被忽略。

有什么想法吗？

Answer 1

更清洁的解决方案:

$('#position-list').bootstrapTable('filterBy', {});