У меня есть фильтруемый столбец, который использует раскрывающийся список в качестве шаблона, где пользователь может выбрать параметр для фильтрации.
Как я могу настроить фильтрацию в момент выбора опции, вместо того, чтобы пользователю приходилось нажимать кнопку фильтра после того, как выбор сделан?
Мой следующий код не работает. В тот момент, когда выбор сделан, сетка обновляется без применения фильтра, а раскрывающийся список сбрасывается.
Для моего раскрывающегося списка у меня есть:
function salesPersonFilter(element)
{
element.kendoDropDownList({
dataSource: [{Id: 0, Name: 'Jimbo Jones'}, {Id: 1, Name: 'Jimmy'}],
dataTextField: 'Name',
dataValueField: 'Name',
optionLabel: 'Select salesperson',
template: '#="<span class=\'filterTrigger\'>"+Name+"</span>" #'
})
}
Я привязал событие щелчка к классам filterTrigger:
$('.k-list .filterTrigger').click(function()
{
applyFilters();
})
Я включаю функцию applyFilters () в качестве ссылки:
function applyFilters() // Custom filters...
{
var dupes = {};
var finalFilters = [];
$.each(filterBus, function(i, el) {
if(!dupes[el.field])
{
dupes[el.field] = true;
finalFilters.push(el);
}
});
filterBus = finalFilters ;
grid.dataSource.filter(finalFilters) ;
}