Asp.net学习记录6--Textbox的自动完成、自动补充功能呢

原创 2016年06月02日 08:47:32

类似百度、Google中搜索框自动提示的功能

需要微软的ajaxToolkit开源工具包

下载地址:http://download.csdn.net/detail/zlwzlwzlw/6569271

解压编译后,在该目录的SampleWebSite\Bin中将AjaxControlToolkit的dll和pdb文件拷出,并引用到你的项目中。

在工具栏中将其引用,调用AutoCompleteExtender控件使用

aspx中使用例子如下:

</pre><p></p><p><span style="font-size:14px;"><span style="font-family: Arial; line-height: 26px;"></span></span></p><pre name="code" class="html">

<asp:ScriptManager runat="server" ID="ScriptManager1" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>

父级角色:<asp:TextBox ID="txt_parent_rolename" autocomplete="off" runat="server"></asp:TextBox><br /><br />
                <cc1:AutoCompleteExtender ID="actParent_RoleName" runat="server"
                    TargetControlID="txt_parent_rolename"
                    BehaviorID="AutoCompleteEx"
                    ServicePath ="~/WebServices/selectBaseInfo.asmx"
                    ServiceMethod = "GetRoleName"
                    MinimumPrefixLength="2"
                    CompletionInterval="1000"
                    EnableCaching="true"
                    CompletionSetCount="20"
                    CompletionListCssClass="autocomplete_completionListElement" 
                    CompletionListItemCssClass="autocomplete_listItem" 
                    CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
                    DelimiterCharacters=";, :"
                    ShowOnlyCurrentWordInCompletionListItem="true">
                </cc1:AutoCompleteExtender>
        </ContentTemplate>
    </asp:UpdatePanel>



然后新建一个WebService服务,会生成两个文件asmx和cs,如上例中的selectBaseInfo.asmx,其代码文件为selectBaseInfo.cs

selectBaseInfo.asmx文件内容为:

<%@ WebService Language="C#" CodeBehind="~/App_Code/selectBaseInfo.cs" Class="selectBaseInfo" %>

selectBaseInfo.cs文件内容为:


[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 
 [System.Web.Script.Services.ScriptService]
public class selectBaseInfo : System.Web.Services.WebService {


    public selectBaseInfo () {


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


    /// <summary>
    /// 检索角色名称
    /// </summary>
    /// <param name="prefixText"></param>
    /// <param name="count"></param>
    /// <returns></returns>
    [WebMethod]
    public string[] GetRoleName(string prefixText, int count)
    {
        BLRoles blrole = new BLRoles();
        List<string> item = blrole.queryRoleNamesByKeyword(prefixText.ToUpper(), 2, count);
        string[] strReturn = null;
        if(item!=null&&item.Count>0)
        {
            strReturn = item.ToArray();
        }


        return strReturn;
    }
}


c#TextBox输入框自动提示、自动完成、自动补全功能

功能概览相关属性TextBox.AutoCompleteCustomSource 属性获取或设置当 TextBox.AutoCompleteSource 属性设置为 [CustomSource] 时要...
  • testcs_dn
  • testcs_dn
  • 2015年04月26日 22:05
  • 22903

asp.net开发中防止textbox出现“自动完成”的功能

日常上网时会发现,TextBox会记忆用户曾经输入过的文字,当下次再输入时就会自动提示相关字词,最常见的是用户登录网站时就会自动带出帐号密码。但是某些项目中为了安全,不允许出现自动完成的功能。我们可以...
  • caobingyi
  • caobingyi
  • 2009年05月25日 14:18
  • 949

ASP.NET TextBox日期验证方法

ASP.NET TextBox日期验证方法日期这个东西,年月日之间都有互有牵制,比如说,年还得分平年闰年,分平年闰年还不是简单是否能被4整除。还有哪个月有多少天。如果使用正则表达式来进行验证的话,这将...
  • dahaoren777
  • dahaoren777
  • 2010年12月30日 09:03
  • 811

ASP.NET中如何让textbox内部的文字右对齐

HTML里加上: style="TEXT-ALIGN: right" 或:textboxID.Attributes.Add("style","text-align:right")
  • hufengwen
  • hufengwen
  • 2006年12月13日 17:33
  • 3230

ASP.NET输入文本框自动提示功能

在ASP.NET Web开发中会经常用到自动提示功能,比如百度搜索。我们只要输入相应的关键字,就可以自动得到相似搜索关键字的提示,方便我们快速的输入关键字进行查询。那么在ASP.NET中,如果我们需要...
  • guwei4037
  • guwei4037
  • 2013年12月21日 22:47
  • 8490

c#TextBox输入框自动提示、自动完成、自动补全功能

功能概览相关属性TextBox.AutoCompleteCustomSource 属性获取或设置当 TextBox.AutoCompleteSource 属性设置为 [CustomSource] 时要...
  • testcs_dn
  • testcs_dn
  • 2015年04月26日 22:05
  • 22903

asp.net--TextBox属性全研究

. .aspx代码如下:             这是一个HTML input控件:     这是一个ASP标准服务器控件:        ...
  • yayun0516
  • yayun0516
  • 2014年12月17日 10:27
  • 1663

Asp.net中设置TextBox禁止记忆以前输入的值

TextBox的AutoCompleteType 属性    选择  Disabled为 禁用控件自动完成功能,   None属性 记忆以前的输入的内容...
  • nihaomayu
  • nihaomayu
  • 2010年06月22日 14:47
  • 2261

asp.net mvc利用 ajax实现输入自动完成

新建一个asp.net mvc3项目AutoComplete. 在shared/_layout.cshtml母版页中导入实现自动完成必须的js库 @ViewBag.Titl...
  • lr982330245
  • lr982330245
  • 2013年09月21日 21:05
  • 1814

用Html+Js实现的“自动补全”功能

正文:       这几天,帮同学解决一个问题,虽然他的问题还没有完全解决,但在解决问题的过程中我做了这个“自动补全”的功能。虽然这个补全的功能在网上也有很多代码,但是在我写代码和学习的过程中,...
  • qq_27376871
  • qq_27376871
  • 2016年06月26日 13:20
  • 3921
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Asp.net学习记录6--Textbox的自动完成、自动补充功能呢
举报原因:
原因补充:

(最多只允许输入30个字)