我有一个Kendo UI MultiSelect小部件工作得很好,除了一个小小的打嗝:我无法让改变事件发生!我可以使用Chrome 44.0.2403.125 m中的Kendo UI Inspector对此进行验证,因为我正在捕获的其他事件显示在事件日志中,而更改事件则没有。
我的代码:
$('#multiselect').kendoMultiSelect({
change: function () {
alert('Selection changed');
},
dataBound: function () {
// working code
},
dataSource: {
data: pppData,
pageSize: 40,
schema: {
model: {
fields: {
CourseId: { field: 'CourseId' },
CourseName: { field: 'CourseName' }
}
}
}
},
dataTextField: 'CourseName',
dataValueField: 'CourseId',
filter: 'contains',
index: 0,
itemHeight: 29,
select: function (e) {
// working code
},
template: '<div class="ellipsize">#= CourseId # - #= CourseName #</div>',
virtual: true
});
MTIA: - )
更新:我已将问题缩小到virtual
属性是罪魁祸首...如果我从MultiSelect的选项中删除它和pageSize
,一切都按预期工作,尽管有一个3 - 用户第一次点击MultiSelect时滞后5秒,因为它加载了我的数据集中的3,945条记录。有没有人知道我可以解决这个问题,而不会破坏变更事件?