如何将“选项”与kendo下拉列表的“选择”对齐？

Question

我正在使用kendo ui下拉列表，我注意到当从视口中切除选择时，选项与select不对齐。这就是：

有没有办法让选项与此场景中的选项保持一致？我也希望从屏幕上切下选项。

谢谢！

PS： 可以在此处看到剑道下拉列表：http://demos.kendoui.com/web/dropdownlist/events.html

Answer 1

嗯 - 这不是一个错误，它是一个功能。

您必须重写Popup小部件中的_position方法（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
});

（demo）