Question

我正在尝试对通过JSON填充的表进行一些过滤（使用bootstrap-table by wenzhixin）。

HTML的一部分：

<button class="btn btn-primary" id="filterBtn">Filter</button>

<div class="container">
    <table class="table table-bordered table-hover" id="table">
        <thead>
        <tr>
            <th data-field="make">Make</th>
            <th data-field="model">Model</th>
            <th data-field="year">Year</th>
        </tr>
        </thead>
    </table>
</div>

JS的一部分：

// JSON file is input from a successful AJAX call.
function populateTable(json) {
    $('#table').bootstrapTable({
        data: json
    })
}

// a button is click in html which calls this function.
function filterBy(model) {
    console.log("filterBy is called");
    $('#table').bootstrapTable('filterBy', {
        make: [model]
    });
}

该表正确填充了所有数据，但是一旦我点击按钮，我看到filterBy()被调用，但所有发生的事情就是页面刷新，但表中的所有数据仍然存在，就像没有过滤曾经发生过。

我尝试将make: [model]更改为make: ["Honda"]只是作为测试，它仍然无效。它仍然执行相同的刷新页面的行为，所有数据仍然是完整的。

不确定我做错了什么。

Answer 1

<强> https://github.com/wenzhixin/bootstrap-table/commit/de867d379a46b377efa7eef83fdf898b9073b28c

这是我认为在功能版本之后的问题：1.11.0。检查bootstrap-table.js并找到它。我希望它会解决你的问题。祝你好运！

Bootstrap-Table过滤器不起作用

1 个答案: