jquery - 「オプション」を剣道ドロップダウンリストの「選択」に合わせる方法は?

Question

kendo ui ドロップダウンリストを使用していますが、選択がビューポートから切り離されている場合、オプションが選択と一致しないことに気付きました。これが起こることです：

このシナリオでオプションを選択と一致させる方法はありますか? オプションも画面から切り離してほしい。

ありがとうございました！

PS: 剣道ドロップダウンはここで見ることができます: http ://demos.kendoui.c​​om/web/dropdownlist/events.html

Answer 1

まあ、これはバグではなく、機能です。

_positionPopup ウィジェット (kendo.ui.popup)のメソッドを書き直す必要があります。

代替案: 別の文脈でこれに出くわしました。kendo.ui.Popup.fn.options.collisionに設定することで、ドロップダウンの位置が変更されないようにすることができますfalse(これは、ポップアップを使用するすべてのウィジェットに影響します)。

kendo.ui.Popup.fn.options.collision = false;

var data = [{
    text: "Item1",
    value: "1"
}, {
    text: "Item2",
    value: "2"
}, {
    text: "Item3",
    value: "3"
}];

$("#dropdownlist").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: data
});

(デモ)