用于更新过滤器的制表符范围滑块答案

【问题标题】：Tabulator range slider to update filter用于更新过滤器的制表符范围滑块
【发布时间】：2020-05-15 13:46:17
【问题描述】：

我目前正在使用范围滑块并卡住，因为我无法轻松清除/更新以前的值过滤器。这是从滑块中获取值并在表格上设置过滤器的代码。

function priceFilter(values){
    table.setFilter([
    {field:"price",type:">=", value: values[0]},
    {field:"price",type:"<=", value: values[1]},
    ]);
}

function gallonFilter(values){
    table.setFilter([
    {field:"gallons",type:">=", value: values[0]},
    {field:"gallons",type:"<=", value: values[1]},
    ]);
}

Here is a JSfiddle of what I currently have 无法按预期工作。这是由于 setFilter 擦除了所有以前的过滤器。所以一次只有一个滑块在工作。

Here is one "solution" I have found 的行为正确，但看起来很尴尬，因为表格在幻灯片上重新加载了两次（一次开始，一次结束）。这可以通过在幻灯片开头删除前一个过滤器，然后在末尾添加新过滤器来实现。

如何更新这些过滤器中的值，以防止表重新加载或至少使其不可见？

【问题讨论】：

标签： javascript jquery tabulator nouislider

【解决方案1】：

setFilter 函数旨在替换所有现有的过滤器。如果您只是想在现有过滤器中添加另一个过滤器，那么您应该使用 addFilter 函数

table.addFilter("age", ">", 22);

有关如何操作过滤器的完整详细信息，请参阅Filter Management Documentation

【讨论】：