Ajax的AutoComplete的使用

相信大家都看到过Google的查询吧 , 让我们来看看是怎样实现的。
先创建好一个Ajax 的项目,放入一个UpdatePanel,一个TextBox,一个AutoComplete,设置好AutoComplete的 TargetControlId的属性,这里它的属性设置为TextBox1.

 

Ajax的AutoComplete的使用
好了,我们再创建一个Web服务类,
在webService中写好方法,
如:
[WebMethod]
    public string[] getstring()
    {
        return new string[] { "one", "two", "three" ,"four","five","six","seven"};
    }

注:一定要引用这个:
[System.Web.Script.Services.ScriptService]

写在
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
的下面。
基本完成8成了,
下面再看到源码:
在AutoComplete中添加后,属性就是这样的。

<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"
                 TargetControlID="TextBox1"  ServiceMethod ="getstring"  ServicePath ="WebService.asmx" MinimumPrefixLength ="1">
                </cc1:AutoCompleteExtender>

 

Ajax的AutoComplete的使用

你可能感兴趣的:(autocomplete)