altas(ajax)控件(十五):屏蔽编辑控件MaskedEdit

原创 2007年09月21日 19:49:00
 
MaskedEdit是一个扩展控件,它可以让文本控件(如:TextBox)拥有屏蔽编辑功能。它的使用相当简单。
同时和它一起配合的使用的还有一个验证控件MaskedEditValidator
TextBox的例子
<asp:TextBox ID="TextBox2" runat="server" Width="130px" Height="16px" ValidationGroup="MKE" />
<ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender2" runat="server"
            TargetControlID="TextBox2"
            Mask="9,999,999.99"
            MessageValidatorTip="true"
            OnFocusCssClass="MaskedEditFocus"
            OnInvalidCssClass="MaskedEditError"
            MaskType="Number"
            InputDirection="RightToLeft"
            AcceptNegative="Left"
            DisplayMoney="Left"
            ErrorTooltipEnabled="True" />
<ajaxToolkit:MaskedEditValidator ID="MaskedEditValidator2" runat="server"
            ControlExtender="MaskedEditExtender2"
            ControlToValidate="TextBox2"
            IsValidEmpty="False"
            MaximumValue="12000"
            EmptyValueMessage="Number is required"
            InvalidValueMessage="Number is invalid"
            MaximumValueMessage="Number &gt; 12000"
            MinimumValueMessage="Number &lt; -100"
            MinimumValue="-100"
            Display="Dynamic"
            TooltipMessage="Input a number from -100 to 12000"
            EmptyValueBlurredText="*"
            InvalidValueBlurredMessage="*"
            MaximumValueBlurredMessage="*"
            MinimumValueBlurredText="*"
            ValidationGroup="MKE" />
 
 
 
 
 
 
 
属性
说明
TargetControlID
拥有屏蔽编辑功能的文本控件ID
MaskType
屏蔽类型:
None – 无屏蔽
Number – 数字屏蔽
Date – 日期屏蔽
Time – 时间屏蔽
DateTime – 日期+时间屏蔽
Mask Characters and Delimiters
9 – 只允许数字
L – 只允许字母
$ – 只允许字母或者空格
C – 只允许自定义字符
A – 只允许字母或者自定义字符
N – 只允许数字或者自定义字符
? – 任意字符

/ – 日期分格符
: – 时间分格符
. – 数字分格符
, – 字符分格符
/ – 特殊符(通c#用法)
{ – 开始符
} – 结束符

例子:
9999999 – 7个数字
99//99 – 四个数字,前两位数字和后两位数字中间有一个“/”
AcceptAMPM
True or False.
True表示使用“上午(AM)下午(PM)”表示时间/
AutoComplete
True or False.
True 表示自动填充空白部分。
MaskType=Number – 填充0.
MaskType=Time -填充当前时间.
MaskType=Date -填充当前日期.
MaskType=DateTime -填充当前日期+时间.
AutoCompleteValue
AutoComplete= True 时,自动填充的字符。
Century
四位数,当year是两位数的时候,世纪就有用了。
ClearMaskOnLostFocus
True or False.
True表示清空屏障当文本框失去焦点
ClearTextOnInvalid
True or False.
True表示当输入不正确的文本时候自动删除
ClipboardEnabled-
True or False.
True表示可以使用“拷贝/粘贴”
ClipboardText
True or False.
True表示可以使用“拷贝/粘贴”
DisplayMoney
Specifies how the currency symbol is displayed
None - Do not show the currency symbol
Left - Show the currency symbol on the left of the mask
Right - Show the currency symbol on the right of the mask
ErrorTooltipCssClass
 
ErrorTooltipEnabled
 
Filtered
 
InputDirection
 
MessageValidatorTip
 
PromptChararacter
 
UserDateFormat
 
UserTimeFormat
 
OnFocusCssClass
 
OnFocusCssNegative
 
OnBlurCssNegative
 
OnInvalidCssClass
 
CultureName
 
CultureAMPMPlaceholder
 
CultureCurrencySymbolPlaceholder
 
CultureDateFormat
 
CultureDatePlaceholder
 
CultureDecimalPlaceholder
 
CultureThousandsPlaceholder
 
CultureTimePlaceholder
 
 
 
 
 
 
效果如下:
http://asp.net/AJAX/Control-Toolkit/Live/MaskedEdit/MaskedEdit.aspx
 

相关文章推荐

DevExpress GridControl同一列根据不同的数据类型加载不同的编辑控件

稍加改动,就可以实现一个完整的查询功能 废话少说,直接上代码: using DevExpress.XtraEditors.Repository; using DevExpress.XtraGrid...

最流行的日程编辑控件FullCalendar精华摘要

FullCalendar是一个jQuery日历插件,它使用Ajax来获取每一个月的日历事件并能够配置成使用自己的日历事件来源比如从Google Calendar获取事件。支持拖放日历中的事件,自定义点...

编辑控件(edit)

原文地址:http://hi.baidu.com/dbfr2011818/item/a85c9c16a0df57cc38cb301f 编辑框(Edit)控件实际上是一个简易的文本编辑器,用户可以在编...

iStylePDF在线阅读编辑控件在多浏览器(IE,firefox,chrome,opera等)中的使用

iStylePDF是基于Acti

VCL组件之编辑控件

VCL组件之编辑控件 Note 以后将用两种方式提及组件,以组件的名称或定义组件的VCL类的名称。可以说“Label组件用于……”或说“TLabel用于……”,这两种方式谈到的是同一组件。 ...

DOMINO中实现PDF在线编辑控件 and so on......(一)

做OA,在线编辑和展示的OCX控件是免不了的.自从在某大型项目中为完成项目需求在里面做了些东西.现在作为所谓的项目支持技术顾问,想躲都躲不掉的了.其实我个人定的方向在EIP和BS的Web领域.以下内容...
  • hanle18
  • hanle18
  • 2011年10月17日 14:37
  • 437

MFC的资源文件失效导致无法编辑控件

问题描述:电脑重装系统后,重装VS2012,打开一个VS2012的MFC对话框项目。编译运行后是原来的对话框,但打开资源文件编辑对话框时,却是空白的(MFC默认的对话框,只有yse no两个控件),导...

语法高亮编辑控件Scintilla在MFC中的简单使用

项目中要使用代码编辑器,搜索之后,发现了强大的编辑器控件Scintilla。 摘自:http://www.qingfengju.com/article.asp?id=14  1.简介 ...

Custom Editors with Kendo Grid(自定义列的编辑控件)

转自:http://blog.falafel.com/custom-editors-with-kendo-grid/ The Kendo UI Grid makes it easy to displ...
  • lxl743p
  • lxl743p
  • 2015年12月16日 14:45
  • 2690

IP编辑控件

最近需要用一个IP输入控件,网上找了几个,都不符合效果,有些还有一些奇怪的Bug。后来发现原来系统已经提供了IP地址编辑控件,只是系统提供的控件不能设置只读效果。网上找了下资料,封装了一下,自己迂回一...
  • tht2009
  • tht2009
  • 2016年02月02日 15:02
  • 956
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:altas(ajax)控件(十五):屏蔽编辑控件MaskedEdit
举报原因:
原因补充:

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