ASP.NET Ajax - элемент управления Autocompleteextender появляется за другими элементами управления

Question

Уточняется. У меня есть форма поиска с автозаполнением в верхней части. Когда вы вводите строку, она автоматически заполняется совпадениями в падении вниз, как ожидалось.

Проблема заключается в том, что несколько элементов управления SliderExtender далее вниз по форме появляются над выпадающим списком автозаполнения (это не охватывает эти элементы управления).

Я осмотрелся, но пока не могу найти ответ. Похоже, что проблема может возникнуть с другими элементами управления и не связана с ними.

Answer 1

Я нашел простой ответ, который работает для меня, и я бы забыл. Я просто переключил позиционирование на абсолютный в классе CSS для AutoCompleteExtender, а затем установил для него Z-Index. Список предложений для автозаполнения теперь отображается выше всех других элементов.

Код для управления в .aspx Я применил свой собственный CSS:

<cc1:AutoCompleteExtender ID="componentID_AutoCompleteExtender" runat="server" 
     TargetControlID="componentID" 
     ServicePath="ImageComponentService.asmx" 
     ServiceMethod="GetComponentMatches" 
     MinimumPrefixLength="3" 
     CompletionInterval="1000" 
     EnableCaching="true" 
     CompletionSetCount="10" 
     CompletionListCssClass="CompletionListCssClass" 
     CompletionListItemCssClass="CompletionListItemCssClass" 
     CompletionListHighlightedItemCssClass="CompletionListHighlightedItemCssClass" 
     OnClientItemSelected="itemSelected" 
     Enabled="true" FirstRowSelected="true" 
     BehaviorID="AutoCompleteEx"> 
    </cc1:AutoCompleteExtender> 

CSS

.CompletionListCssClass 
{ 
    font-size: 11px; 
    color: #000; 
    padding: 3px 5px; 
    border: 1px solid #999; 
    background: #fff; 
    width: 300px; 
    float: left; 
    z-index: 1; 
    position:absolute; 
    margin-left:0px; 
}