Ajax“文本输入特效”学习总结

几天的努力,终于将一本《征服Asp.net 2.0 Ajax——Web开发技术详解》啃得差不多了,里面的一章“文本输入特效”比较好玩,我把所有例子做了一遍,本想在博客上发布一下演示效果的,可惜这个空间不支持.NET。

看来是不能如愿,我也只有简要做个总结,在最后给个源码包了.

文本输入特效的运行平台是Visual Studio 2005,里面所有控件都来自AjaxControlToolkit工具包,该工具包的配置,可以参考文章 AjaxControlToolkit 微软出的ajax.net 工具使用教程

文本输入特效中主要讲到了以下几个控件

1、AutoComplete控件
简介:自动输入框的自动提示,像Google、百度搜索框里的自动提示功能类似
使用:需要创建一个Web服务,和GetCompleteList方法,用于获取输入提示相关数据。具体见源码中的“AjaxAutoComplete.aspx”和“AutoComplete.asmx”

2、FilteredTextBox控件
简介:用来过滤文本框的内容,阻止用户输入不符合规定的字符
使用:用这个控件控制一个TextBox内容输入,如果是在GridView中使用,则将该控件放置到“编辑模板列<EditItemTemplate>”对应的节点里

3、MaskedEdit控件
简介:设置文本框显示时的一些格式,控制用户输入的内容格式
使用:结合MaskedEditExtender和MaskedEditValidator一起使用

4、PasswordStrength控件
简介:输入密码强度提示
使用:与文本框相连,调节控件属性

5、TextBoxWatermark控件
简介:让文本框以特殊的水印效果展现
使用:与文本框相对于,注意调节水印的CSS样式

6、ValidatorCallout控件
简介:当验证未通过时,弹出提醒对话框
使用:需要结合验证控件,如:RequiredFieldValidator
验证控件绑定对应输入框,ValidatorCallout控件绑定对应的验证控件,为使验证信息只在弹出对话框中显示,则需要设置验证控件的的显示属性Display为None

六个控件使用的示例源码 下载文件 下载此文件

Categories: 技术爱好

2 Comments

Leave a Comment