IDE:Visual Web Developer 2008 Express Edition

DB:Access 2007

到http://www.asp.net/ajax/downloads/下载AJAX Control Toolkit，将AjaxControlToolkit.dll拷贝到项目的bin目录下，在工具栏中引入。

在Web.config的<controls>...</controls>里加上
<add tagPrefix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit"/>

WebService的代码：（aaa.asmx）

<WebMethod()> _ <System.Web.Script.Services.ScriptMethod()> _ Public Function GetCompletionList(ByVal prefixText As String,ByVal count As Integer) As String() Dim myConnection As OleDbConnection Dim myCommand As OleDbCommand Dim dbname As String dbname = Server.MapPath("location.accdb") myConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;DATA Source=" & dbname) myConnection.Open() Dim list As New List(Of String) myCommand = New OleDbCommand("SELECT DISTINCT(columnName) FROM tableName WHERE columnName LIKE '" + prefixText & "%" + "'",myConnection) Dim reader As OleDbDataReader = myCommand.ExecuteReader() Do While reader.Read list.Add(reader.GetString(0)) Loop Return list.ToArray() End Function

FORM中的代码：（aaa.aspx）

<asp:Text<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a> ID="txtNo" runat="server" autopostback="true" Columns="50"></asp:Text<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>> <ajaxToolkit:AutoCompleteExtender ID="txtNo_AutoCompleteExtender" runat="server" Enabled="True" ServiceMethod="GetCompletionList" ServicePath="aaa.asmx" TargetControlID="txtNo" MinimumPrefixLength="1" EnableCaching ="true"> </ajaxToolkit:AutoCompleteExtender>

以上即可。

AJAX日期控件的使用也很方便，如：

<asp:Text<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a> ID="txtDate" runat="server" Columns="24"></asp:Text<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>> <ajaxToolkit:CalendarExtender ID="txtDate_CalendarExtender" runat="server" Enabled="True" TargetControlID="txtDate"> </ajaxToolkit:CalendarExtender>