Ползунок диапазона табулятора для обновления фильтра - PullRequest
Новая
       57

Ползунок диапазона табулятора для обновления фильтра

0 голосов
/ 30 января 2020

В настоящее время я использую ползунок диапазона и застрял, поскольку не могу легко очистить / обновить фильтры предыдущих значений. Это код, который принимает значения из ползунка и устанавливает фильтры на таблицу. 

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]},
    ]);
}

Вот JSfiddle того, что у меня в данный момент есть , которое не работает, как предполагалось. Это связано с тем, что setFilter стирает все предыдущие фильтры. Таким образом, только один слайдер работает одновременно.

Вот одно «решение», которое я нашел , которое работает правильно, но выглядит неловко, когда таблица дважды загружается на слайде (один раз начиная, один раз заканчивая). Это работает, удаляя предыдущий фильтр в начале слайда, затем добавляя новые фильтры в конце.

Как я могу обновить значения в этих фильтрах, которые не вызывают перезагрузку таблицы или, по крайней мере, сделать ее не такой видимой?

...