ajax之AutoCompleteExtender与WebService简单应用

本文仍然是学习总结,说明这里的来源浪曦下载视频教程

主要实现功能类似google下拉,输入字符随机提供10条供选择,扩展应用把WebService数据操作改成从数据读取等,前台通过拖放控件和设置后代码如下

1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
3. <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
6. <html xmlns="http://www.w3.org/1999/xhtml">
7. <head runat="server">
8.     <title>AJAX控件之AutoComplete</title>
9. </head>
10. <body style="text-align: center">
11.     <form id="form1" runat="server">
12.         <asp:ScriptManager ID="ScriptManager1" runat="server" />
13.         <div>
14.             <asp:TextBox ID="MyAuto" runat="server" Width="191px"></asp:TextBox><br />
15.             <br />
16.             <cc1:AutoCompleteExtender ID="ace" runat="server" CompletionInterval="100" MinimumPrefixLength="1"
17.                 ServiceMethod="GetCompletionList" ServicePath="WebService.asmx" TargetControlID="MyAuto">
18.             </cc1:AutoCompleteExtender>
19.              </div>
20.     </form>
21. </body>
22. </html>

WebService代码如下,注意写 [System.Web.Script.Services.ScriptService] //用以调用Web Service方法签名

 

1. using System;
2. using System.Web;
3. using System.Collections.Generic;
4. using System.Web.Services;
5. using System.Web.Services.Protocols;
8. /// <summary>
9. /// WebService 的摘要说明
10. /// </summary>
11. [WebService(Namespace = "http://tempuri.org/")]
12. [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
13. //用以调用Web Service方法签名
14. [System.Web.Script.Services.ScriptService]
15. public class WebService : System.Web.Services.WebService {
17.     public WebService () {}
19.     [WebMethod]
20.     public string[] GetCompletionList(string prefixText, int count)
21.     {
22.         //if (count == 0)
23.         //{
24.         //    count = 10;
25.         //}
26.         Random random = new Random();
27.         List<string> items = new List<string>(count);
28.         for (int i = 0; i < count; i++)
29.         {
30.             char c1 = (char)random.Next(65,90);
31.             char c2 = (char)random.Next(97, 122);
32.             char c3 = (char)random.Next(48, 57);
33.             char c4 = (char)random.Next(33, 43);
34.             items.Add(prefixText + c1 + c2 + c3 + c4);
35.         }
36.         return items.ToArray();
37.     }
39. }