0

これは、こちらの質問に似ています - <select> キーボードを使用しているときに変更イベントが発生しません

KendoUI 固有の回答を探しています。

KendoDropDownList (および KendoComboBox、KendoAutoComplete など) を使用すると、「select」イベントは、ユーザーがマウスを使用してポップアップ リストからアイテムを選択した場合にのみ発生します。

これは非常に直感に反すると思います。提供されている修正、回避策、またはその他の解決策はありますか?

4

1 に答える 1

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>" );
}

ここでフィドル

于 2013-08-29T22:07:12.400 に答える