0

ここに画像の説明を入力

これは、データベースから都市名を入力し、オートコンプリート機能を実装したテキスト ボックスです。オートコンプリート ボックスの左側に一定のギャップがあることがわかります。cs..pls からそのギャップを削除する方法ヘルプ

<asp:AutoCompleteExtender ID="autoComplete1" runat="server"    
 EnableCaching="true"
  BehaviorID="AutoCompleteEx"
   MinimumPrefixLength="2"
  TargetControlID="myTextBox"
   ServicePath="AutoComplete.asmx"
  ServiceMethod="GetCompletionList" 
   CompletionInterval="1000"  
   CompletionSetCount="20"
    CompletionListCssClass="autocomplete_completionListElement"
  CompletionListItemCssClass="autocomplete_listItem"
  CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
  DelimiterCharacters=";, :"
  ShowOnlyCurrentWordInCompletionListItem="true">
  <Animations>
  <OnShow>
  <Sequence>
   <%-- Make the completion list transparent and then show it --%>
  <OpacityAction Opacity="2" />
   <HideAction Visible="true" />

     <%--Cache the original size of the completion list the first time
     the animation is played and then set it to zero --%>
      <ScriptAction Script="// Cache the size and setup the initial size
                            var behavior = $find('AutoCompleteEx');
                            if (!behavior._height) {
                                var target = behavior.get_completionList();
                                behavior._height = target.offsetHeight - 2;
                                target.style.height = '0px';
                            }" />
            <%-- Expand from 0px to the appropriate size while fading in --%>
           <Parallel Duration=".4">
             <FadeIn />
        <Length PropertyKey="height" StartValue="0" 
EndValueScript="$find('AutoCompleteEx')._height" />
           </Parallel>
         </Sequence>
          <OnHide>
      <%-- Collapse down to 0px and fade out --%>
              <Parallel Duration=".4">
        <FadeOut />
        <Length PropertyKey="height" StartValueScript=
"$find('AutoCompleteEx')._height" EndValue="0" />
         </Parallel>
     </OnHide>
           </Animations>
4

3 に答える 3

0

Autocompleteデモを試してみると、ページの既存のスタイルシートの下にスタイルを追加する必要があるように見えます。

CSS

.autocomplete_completionListElement,
.autocomplete_completionListElement > li {
    margin:0;
}
于 2013-11-15T10:35:53.243 に答える