ASP.NET Ajax - 다른 컨트롤 뒤에 Autocompletenextender 컨트롤이 나타납니다.

Question

구체적으로는 자동 완성 문자가 맨 위에있는 검색 양식이 있습니다. 문자열을 입력하면 예상대로 드롭 다운에서 일치 항목이 자동 완성됩니다.

문제는 폼 아래쪽에있는 몇 개의 SliderExtender 컨트롤이 자동 완성 드롭 다운 위에 표시된다는 것입니다 (이 컨트롤은 다루지 않습니다).

둘러 보았지만 아직 답변을 찾을 수 없습니다. 문제는 다른 컨트롤에서 발생할 수 있으며 이러한 컨트롤과 관련이없는 것으로 보입니다.

Answer 1

나는 나를 위해 일하는 간단한 답을 찾았고 간과했다. 방금 AutoCompleteExtender의 CSS 클래스에서 절대 위치 지정으로 전환 한 다음 Z- 인덱스를 설정했습니다. 이제 자동 완성을위한 제안 목록이 다른 모든 요소 위에 나타납니다. .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; 
}