events - 使用键盘时未触发 KendoDropDownList 'select' 事件

Question

这与此处的问题类似 - <select> 使用键盘时未触发更改事件

我正在寻找 KendoUI 特定的答案。

使用 KendoDropDownList（和 KendoComboBox、KendoAutoComplete 等）时，“选择”事件仅在用户使用鼠标从弹出列表中选择项目时触发。

我觉得这非常违反直觉，是否有提供的修复、解决方法或其他解决方案？

Answer 1

如果列表被展开，使用Enter键触发select事件。要通过键盘扩展列表，请使用ALT+↓</kbd>. If you want the arrow keys to fire it, you would have to trigger the select event as part of the change event.

var ddl, $log;

$(function () {
    $log = $('#log');
    ddl = $("#dropdownlist").kendoDropDownList({
        change: onChange,
        select: onSelect
    }).data('kendoDropDownList');
});

function onChange(e) {
    $log.prepend("<div>event :: change (" + this.text() + ' : ' + this.value() + ")</div>" );
    ddl.trigger('select');
}

function onSelect(e) {
    $log.prepend("<div>event :: select (" + this.text() + ' : ' + this.value() + ")</div>" );
}

在这里提琴