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（这将影响所有使用 Popup 的小部件）：

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

（演示）