KendoUI网格应用过滤器下拉选项选择
KendoUI网格应用过滤器下拉选项选择
提问于 2013-03-07 07:47:39
我有一个可筛选的列，它使用下拉列表作为模板，用户可以选择一个选项作为筛选依据。
如何让它在选项被选中时进行过滤，而不是用户在做出选择后必须单击过滤器按钮？
我的以下代码不起作用。一旦做出选择，网格就会刷新，而不会应用过滤器，并且会重置下拉选择。
对于我的下拉列表，我有：
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) ;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-07 09:06:43
我设法做到了这一点，但肯定有更好的方法？
function salesPersonFilter(element)
{
element.kendoDropDownList({
dataSource: [{Id: 60, Name: 'Sam'}, {Id: 5, Name: 'Jimmy'}],
dataTextField: 'Name',
dataValueField: 'Id',
optionLabel: 'Select salesperson',
template: '#="<span class=\'filterTrigger\' data-value=\'"+Id+"\'>"+Name+"</span>" #',
select: function(e)
{// Dirty, is there a better way?
html = e.item[0].outerHTML;
html = html.substring(html.indexOf('data-value="')+12);
traderId = html.substring(0, html.indexOf('"'));
filterBus.push({
field: 'traderId',
operator: 'eq',
value: traderId
})
$('.k-animation-container').hide();
grid.dataSource.filter(filterBus);
}
})
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15265753
复制相关文章
![向DropDownList 下拉框添加新选项[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/b26aa4f43b61d85929d762316e2aa8fd.png)
相似问题
KendoUI网格分配选项
KendoUI网格单击下拉激活
KendoUI网格过滤器注释
kendoui网格选择所有
禁用KendoUI下拉列表选项
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
