接近谷歌(谷歌(Google)),百度的文本框自动唤醒

效果:

图片 1

 

步骤:

新建网站——添加第三方控件 AjaxControlToolkit.dll——新建页面 —— 添加文(Gavin)本框

图片 2

单击 添加增添程序

图片 3

接纳该扩大控件,设置ID。

查看源:

图片 4

从该属性名称上可以见到: Service(Service)Path 是指服务的职位

好了,新建Web服务

图片 5

翻开该文件及缓解方案:

图片 6

打开App_Code文件下的 HotWords.cs,代码如下

图片 7图片 8

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.Services;
 6 
 7 /// <summary>
 8 /// HotWords 的摘要说明
 9 /// </summary>
10 [WebService(Namespace = "http://tempuri.org/")]
11 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
12 // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消注释以下行。 
13 [System.Web.Script.Services.ScriptService]
14 public class HotWords : System.Web.Services.WebService {
15 
16     public HotWords () {
17 
18         //如果使用设计的组件,请取消注释以下行 
19         //InitializeComponent(); 
20     }
21 
22     [WebMethod]
23     public string HelloWorld() {
24         return "Hello World";
25     }
26 
27     /// <summary>
28     /// 查找关键字的方法
29     /// </summary>
30     /// <param name="prefixText">要查找关键字的前缀</param>
31     /// <param name="count">返回几条数据, 未指明默认是10条</param>
32     /// <returns>返回关键字集合</returns>
33      [WebMethod]
34     public string[] getHotWords(string prefixText, int count) {
35          //! 参数类型,参数名和返回类型不要更改。
36 
37         string[] strs = new string[count];
38         for (int i = 0; i < count; i++)
39         {
40             strs[i] = prefixText + i.ToString();
41         }
42         return strs;
43 
44          //此处支持泛型  .toArray();
45     }
46 }

View Code

 

好了,再一次打开前台页面

图片 9图片 10

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AutoComple.aspx.cs" Inherits="_Default" %><%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
 2 
 3 <!DOCTYPE html>
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head runat="server">
 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 8     <title></title>
 9 </head>
10 <body>
11     <form id="form1" runat="server">
12         <p>
13             <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
14             <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
15             <asp:AutoCompleteExtender ID="AutoComple" runat="server" 
16                 Enabled="True" ServicePath="HotWords.asmx" ServiceMethod="getHotWords"
17                 TargetControlID="TextBox1">
18             </asp:AutoCompleteExtender>
19         </p>
20     </form>
21 </body>
22 </html>

View Code

注意着多少个属性的值: Service(Service)Path=”AutoComple.aspx”
Service(Service)Method=”getHotWords”   TargetControlID=”TextBox1″,

运用Ajax第三方控件记得在控件前添加  ScriptManager 控件。

浏览一下尝试看呢!


此间只是简短接受了该控件的用法。对于学习Ajax的第三方控件,照旧提议大家对待示例文件学习。

 

相关文章