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

【问题标题】：How to align the "options" to the "select" of kendo dropdownlist?如何将“选项”与剑道下拉列表的“选择”对齐？
【发布时间】：2013-12-17 06:38:35
【问题描述】：

我正在使用kendo ui dropdownlist，我注意到选项不会在从视口中切断选择时与选择对齐。这就是发生的事情：

在这种情况下，有什么方法可以使选项与选择对齐？我也希望从屏幕上删除选项。

谢谢！

PS：剑道下拉菜单可以在这里看到：http://demos.kendoui.com/web/dropdownlist/events.html

【问题讨论】：

你能提供 jsfiddle 链接到你的代码有问题吗？
@NathanLee 我刚刚提供了剑道 ui 下拉列表的演示
但这很好地对齐，但我需要知道您的代码中不允许它正确对齐的问题 - @dork
@NathanLee 调整浏览器窗口的大小以模仿我在问题中附加的图片:)
@dork 我编辑了我的答案；希望有帮助

标签： jquery html css kendo-ui kendo-dropdown

【解决方案1】：

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

您必须重写 Popup 小部件 (kendo.ui.popup) 中的 _position 方法。

替代方案：我在另一种情况下遇到了这个问题；您可以通过将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)

【讨论】：