`
daweijsp
  • 浏览: 22981 次
  • 性别: Icon_minigender_1
  • 来自: 中山
最近访客 更多访客>>
社区版块
存档分类
最新评论

AutoCompleteExtender 自动输入完成

    博客分类:
  • Ajax
阅读更多
AutoCompleteExtender控件可以帮你自动填写TextBox控件(在数据库中查找).
属性:
TarGetControlID:指定要让"自动输入完成"扩展器要扩展的TextBox控件ID.
ServicePath:Web服务的位置路径.
ServiceMehod:要调用的Web服务的方法名.方法签名如下:

[System.Web.Services.WebMethod]
[System.Web.Script.Service.ScriptMethod]
public string[] GetCompetionList(string prefixText,int count){......}


前台代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="TextBox1"
             MinimumPrefixLength="1" ServiceMethod="GetProductName" ServicePath="WebService.asmx">
            </cc1:AutoCompleteExtender>
        </div>
    </form>
</body>
</html>

WebService代码:

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Data;
using System.Data.SqlClient;
using System.Web.Script.Services;//关键程序集引用
using System.Collections.Generic;//关键程序集引用

/// <summary>
/// WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService()]//一定要添加
public class WebService : System.Web.Services.WebService {

    public WebService () {

        //如果使用设计的组件,请取消注释以下行 
        //InitializeComponent(); 
    }

    [WebMethod]
    [ScriptMethod]
    public string[] GetProductName(string prefixText, int count)
    {
        List<string> suggestions=new List<string>();//声明一泛型集合
        SqlConnection con = new SqlConnection("server=.;database=NorthWind;uid=sa;pwd=;");
        con.Open();
        SqlCommand com = new SqlCommand("select distinct productname from Products where productname like @prefixname order by productname", con);
        com.Parameters.Add("@prefixname",SqlDbType.NVarChar).Value=prefixText + "%";
        SqlDataReader sdr = com.ExecuteReader();
        while (sdr.Read())
        {
            suggestions.Add(sdr.GetString(0));
        }
         sdr.close();
        con.close();
        return suggestions.ToArray();
    }
}

 

分享到:
评论

相关推荐

    ASP.Net C# Ajax开发AutoCompleteExtender(自动完成功能)

    在ASP.NET中,开发AutoCompleteExtender功能是提高用户体验的有效方式,它允许用户在输入时自动获取匹配的建议数据,通常用于搜索框或表单填写。这个功能利用了AJAX技术,可以在不刷新整个页面的情况下从服务器获取...

    C# 自动完成功能 用WebService和AutoCompleteExtender做的

    利用WebService和AutoCompleteExtender,可以实现C#中的自动完成功能,以辅助用户输入信息。该功能可以提高用户的输入效率和准确性。 知识点: * C# 中的自动完成功能 * 使用WebService和AutoCompleteExtender实现...

    AutoCompleteExtender操作说明

    `AutoCompleteExtender` 是一个ASP.NET AJAX Control Toolkit中的组件,用于实现自动完成输入的功能。它能够根据用户在文本框中输入的内容动态地提供下拉列表建议,提高用户体验。在这个例子中,我们将深入探讨如何...

    ASP.NET ajaxToolkit AutoCompleteExtender自动补全示例源码

    ASP.NET AJAX Toolkit中的AutoCompleteExtender控件是一个强大的工具,用于在Web应用程序中实现自动补全功能。这个控件能够显著提升用户体验,特别是在输入框中输入数据时,它可以根据用户输入的部分文字,从预定义...

    自动完成Google效果

    标题中的“自动完成...2. **控件配置**:在ASP.NET的.aspx页面上,需要定义一个TextBox控件作为自动完成的基础输入框,然后添加一个`AutoCompleteExtender`控件,并关联到TextBox。基本的控件声明如下: ```html ...

    ajaxToolkit:AutoCompleteExtender

    这个控件的主要功能是实现自动完成,也就是我们通常所说的下拉提示,它可以在用户输入时动态提供匹配的建议,从而提高用户交互的效率和满意度。 **AJAX(Asynchronous JavaScript and XML)** 是一种在不重新加载...

    使用AJAX AutoCompleteExtender进行自动建议

    在ASP.NET开发中,AJAX AutoCompleteExtender是ASP.NET AJAX Control Toolkit中的一个非常有用的组件,它能够为输入字段提供实时的自动完成功能。这个技术可以极大地提升用户体验,因为它允许用户在输入时无需提交...

    asp.net 自动完成功能

    ASP.NET 自动完成功能是Web开发中一种增强用户体验的常见技术,主要用于输入框中提供预测性和建议性填充,帮助用户快速输入。在ASP.NET框架中,我们可以利用AJAX(Asynchronous JavaScript and XML)技术来实现这一...

    asp.net web textbox自动完成控件

    在ASP.NET中,你可以使用AutoCompleteExtender控件来实现自动完成功能。配置这个控件时,需要指定数据源(如Web服务或Page方法)、目标TextBox控件以及建议显示的最小字符数。 2. **jQuery UI**:这是一个流行的...

    asp.net中使用AutoCompleteExtender具体方法

    在ASP.NET开发中,AutoCompleteExtender控件是一种非常实用的工具,它提供了一种自动完成的功能,通常用于输入框,以帮助用户更快地输入数据。这个控件是AJAX Control Toolkit的一部分,允许我们在不刷新整个页面的...

    C# 文本框自动完成

    总的来说,"C# 文本框自动完成"涵盖了Windows Forms和Web Forms两种环境下的实现方式,通过C#编程语言结合不同的UI控件和前端技术,可以创建高效、友好的自动完成功能,提升用户输入体验。在实际开发中,应根据项目...

    aspx输入首字母文本框自动完成检索

    在ASP.NET Web应用程序开发中,"aspx输入首字母文本框自动完成检索"是一个常见的功能需求,它能够提升用户体验,使用户在输入信息时更加高效。这个功能通常应用于搜索框或者用户输入信息的地方,比如姓名、城市名等...

    ajax控件自动完成(AutoComplete)

    Ajax控件自动完成是一种常见的前端技术,它显著提高了用户在网页上的交互体验,特别是在输入数据时。在网页的搜索框或用户登录界面,这种技术尤其有用,因为它能预测并显示用户可能输入的选项,从而减少手动输入的...

    自动完成功能(2.0)TextBox的AutoCompleteType设为Disable,自动提示便不会出现

    在ASP.NET开发中,自动完成功能是一种常见且实用的用户体验增强工具,它可以在用户输入时提供可能的建议,加快数据录入的速度。标题提到的问题是关于TextBox控件的自动完成功能,在版本2.0中,如果将TextBox的...

    ajaxControlToolkit AutoCompleteExtender的用法

    **AjaxControlToolkit AutoCompleteExtender** 是一个非常实用的ASP.NET控件,它提供了一个自动完成的功能,类似于谷歌搜索中的输入提示。用户在文本框(TextBox)中输入文本时,AutoCompleteExtender会通过Web ...

    asp.net AutoCompleteExtender的一个简单例子代码

    在 ASP.NET AJAX 控件库中,`AutoCompleteExtender` 是一个非常实用的控件扩展器,它能够为文本框提供自动完成的功能。当用户在文本框中输入文字时,该扩展器会根据用户的输入显示一个下拉列表,列出与输入文字匹配...

    AJAX自动完成示例

    在 ASP.NET 平台上,AJAX 技术的引入极大地提升了用户体验,其中自动完成(AutoComplete)控件是一个非常实用的功能,它允许用户在输入框中键入字符时,系统会根据已输入的部分文字提供可能的匹配选项,从而加速数据...

    c#ajax 自动完成控件实现自动搜索

    在C#和AJAX开发中,自动完成控件是一种常见的用户界面组件,它极大地提高了用户的输入效率和体验。这种控件通常用于搜索框,当用户输入文本时,它会实时地提供与输入相匹配的建议列表。在这个场景下,"c#ajax 自动...

    AJAX实现百度谷歌搜索自动填充

    AutoCompleteExtender是ASP.NET AJAX Control Toolkit中的一个组件,它允许开发者轻松地为文本框添加自动完成的功能。以下是如何使用这个控件的步骤: 1. **引入AjaxControlToolkit**: 首先,你需要在项目中引用ASP...

Global site tag (gtag.js) - Google Analytics