作者:Dflying Chen (http://dflying.cnblogs.com/
请同时参考:使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(上)

让我们通过一个实例来测试上述两种方法:

首先,让我们建立一个词库,提供自动完成的列表。这个词库CopyAtlas的官方文档示例,是一些.NET的常见术语。将其存为WordData.txt并置于App_Data目录下。

custom control

然后创建一个Web Service用来提供建议列表,其中逻辑不多讲了,大概是读入上面的词库并根据输入找出相关的词汇,注意一下GetWordList方法的签名。

}

Web Service建立好之后您可以直接测试一下,如果一切正确,我们就继续编写Atlas页面。

首先,无论使用客户端AutoComplete Behavior还是服务器端AutoComplete Extender,一个ScriptManager都是必不可少的:

使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)<atlas:ScriptManager runat="server" ID="scriptManager" />

如果使用客户端AutoComplete Behavior,首先需要书写一个HTML input

使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)<input id="clientTextBox" type="text" style="width: 400px;" />

然后,相应的书写Atlas Script。请小心书写毕竟这里基本没有强大的IDE的支持。

使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)<page xmlns:script="http://schemas.microsoft.com/xml-script/2005">
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)   
<components>
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)       
<textBox id="clientTextBox">
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)           
<behaviors>
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)               
<autoComplete 
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)                  
serviceURL="AutoCompleteService.asmx"
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)                  serviceMethod
="GetWordList"
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)                  minimumPrefixLength
="2"
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)                  completionSetCount
="10"
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)                  completionInterval
="500" />
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)           
</behaviors>
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)       
</textBox>
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)   
</components>
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)
</page>

在使用服务器端AutoComplete Extender时,一切都非常简单,我们只需要添加一个服务器端TextBox和一个AutoComplete Extender即可:

使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)<asp:TextBox ID="serverTextbox" runat="server" Width="400px" />
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)
<atlas:AutoCompleteExtender ID="serverCompleteExtender" runat="server">
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)    
<atlas:AutoCompleteProperties Enabled="true" MinimumPrefixLength="2" TargetControlID="serverTextbox"
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)        ServiceMethod
="GetWordList" ServicePath="AutoCompleteService.asmx" />
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)
</atlas:AutoCompleteExtender>

至此为止,大功告成,让我们在浏览器中测试一下:

客户端AutoComplete Behavior
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)

服务器端AutoComplete Extender
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)

本实例程序的源代码可以在此下载:https://files.cnblogs.com/dflying/AutoCompleteDemo.zip

相关文章:

  • 2022-12-23
  • 2022-02-10
  • 2022-12-23
  • 2022-01-08
  • 2021-06-19
  • 2022-12-23
  • 2022-12-23
  • 2019-05-24
猜你喜欢
  • 2021-10-07
  • 2021-08-28
  • 2021-08-13
  • 2022-12-23
  • 2022-01-16
相关资源
相似解决方案