如何使用AutoCompleteExtender

Question

如何使用AutoCompleteExtender。我在windows服务器上使用的是ASP.NET 4.0。我想从数据库中填充一些数据。

Answer 1

我建议您使用ajax工具包：http://www.asp.net/ajax/ajaxcontroltoolkit/samples/

以便能够使用第一个添加到bin文件夹dll。

举个例子，我就是这么用的(你可以写你自己的css类)

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>


    <ajaxToolkit:AutoCompleteExtender runat="server" BehaviorID="AutoCompleteEx" ID="AutoExtend1"
            TargetControlID="txtPokemonNameSearch" ServicePath="AutoCompleteName.asmx" ServiceMethod="GetCompletionListPokemonName"
            MinimumPrefixLength="1" CompletionInterval="500" EnableCaching="true" CompletionSetCount="25"
            CompletionListCssClass="AutoExtender" CompletionListItemCssClass="AutoExtenderList"
            CompletionListHighlightedItemCssClass="AutoExtenderHighlight" CompletionListElementID="DIVAutoExtender"
            DelimiterCharacters=";, :" ShowOnlyCurrentWordInCompletionListItem="true">
            <Animations>
                <OnShow>
                    <Sequence>
                        <OpacityAction Opacity="0" />
                        <HideAction Visible="true" />
                        <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';
                            }" />
                                                   <Parallel Duration=".4">
                            <FadeIn />
                            <Length PropertyKey="height" StartValue="0" EndValueScript="$find('AutoCompleteEx')._height" />
                        </Parallel>
                    </Sequence>
                </OnShow>
                <OnHide>               
                    <Parallel Duration=".4">
                        <FadeOut />
                        <Length PropertyKey="height" StartValueScript="$find('AutoCompleteEx')._height" EndValue="0" />
                    </Parallel>
                </OnHide>
            </Animations>
        </ajaxToolkit:AutoCompleteExtender>