2009-06-05 16 views
0

具体的には、上部にオートコンプレッション・エクステンダがある検索フォームがあります。文字列を入力すると、期待通りに一致するものがドロップダウンで自動完成します。ASP.NET Ajax - 他のコントロールの背後にAutocompleteextenderコントロールが表示されます

問題は、フォームのさらに下の2つのSliderExtenderコントロールが、オートコンプリートドロップダウンの上に表示されていることです(これらのコントロールをカバーしていません)。

私は見回しましたが、まだ回答が見つかりません。問題は他のコントロールで発生する可能性があり、これらに固有の問題ではないようです。

答えて

6

私は簡単な答えを見つけましたが、私は見落としてしまいました。私はちょうど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; 
} 
関連する問題