Ajax工具箱组合框中的列表项显示在错误的位置

Question

我在网页中有一个Ajax Toolkit组合框，其中有一个母版页。 组合框位于表格内部。加载网页时，此组合框的列表项显示在远离组合框的下方。

解决办法是什么？ :(

Answer 1

我遇到了同样的问题。 这是一个列出的错误，也存在于ajaxcontrolkit autocompleteextender中。 基本上，列表在页面内放置位置的计算是错误的。

有很多修复程序，但是使用起来很麻烦，所以只需执行以下操作：

combobox1_OptionList{
    position: fixed !important
}

幸运的是，它改变了计算的方式，从而使计算准确。

注意：如果您包含的div将在调整窗口大小时更改位置（例如， left: 10%; top 50%; ），那么当您更改窗口大小时，组合框列表将不会在组合框下方移动并且将被留在后面。 但是，每次触发组合框列表时，都会重新计算其位置，因此为关闭组合框列表的窗口大小添加一个JavaScript事件可能会成功。

Answer 2

.ajax__combobox_itemlist
{
position:absolute!important; 
height: 100px !important;
overflow: auto !important;
top: auto !important;
left: auto !important;
}

很好用...

Answer 3

尝试将ComboBox包装在div中。 我遇到了同样的问题。 我向每个ComboBox div添加了一个类，并添加了以下CSS。

.cbox
{
    margin: 0 auto;
    width: 280px;
}

根据您的喜好设置宽度。 边距：自动根据宽度将div放置在父对象的中央。

Answer 4

请看一下这个样本

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ComboBox/ComboBox.aspx

ComboBox的已知问题

当指定ListItemHoverCssClass并且ComboBox列表可滚动时，突出显示列表项将导致在使用Internet Explorer Web浏览器时滚动条闪烁。 为避免此问题，请不要指定ListItemHoverCssClass属性。

如果这不能解决问题，请在注释中提及您的组合框标记

谢谢