mleibman/SlickGrid Добавление кнопки очистки

Question

как сбросить параметры поиска в mleibman/SlickGrid. Я хочу добавить кнопку очистки фильтра.

Просто хочу знать его там любую встроенную функцию имеющиеся или нам нужно написать пользовательскую функцию для этого

Answer 1

Вот короткая версия она работает, я проверил его.

// remove the text inside each search input fields 
$('.slick-headerrow-column').children().val(''); 

// empty out all column filters within the columnFilters object & refresh dataview 
for (var columnId in columnFilters) { 
    columnFilters[columnId] = ""; 
} 
dataView.refresh(); 

Переменная columnFilters очень важна, но, может быть назван по-разному в зависимости от вашего кода, но если вы посмотрите на эту Slickgrid Example вы можете увидеть, что она определяется как var columnFilters = {};, а затем убедитесь, что этот кусок кода:

$(grid.getHeaderRow()).delegate(":input", "change keyup", function (e) { 
    var columnId = $(this).data("columnId"); 
    if (columnId != null) { 
    columnFilters[columnId] = $.trim($(this).val()); 
    dataView.refresh(); 
    } 
}); 

который прикрепляет все входы в этом переменный объекте columnFilters ... то только после того, как вы можете использовать код, который я дал (который работает для меня, как я тестировал)

Answer 2

Ответ работает, но у вас могут быть проблемы, если на странице имеется более одного SlickGrid.

$('.slick-headerrow-column').children().val(''); 

Сбросить все фильтры для всех сеток на странице. Другой вариант заключается в использовании:

if ($(grid.getHeaderRow())) { 
    $(grid.getHeaderRow()).find("input").val(""); 
} 

Где grid это имя компонента SlickGrid. Это приведет к сбросу этой сетки.

Остальная часть кода:

for (var columnId in columnFilters) { 
    columnFilters[columnId] = ""; 
} 

Работы для меня!