您的位置:首页 > 其它

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

2007-11-08 20:46 671 查看
[align=left]MaskedEdit是一个扩展控件,它可以让文本控件(如:TextBox)拥有屏蔽编辑功能。它的使用相当简单。[/align]
[align=left]同时和它一起配合的使用的还有一个验证控件MaskedEditValidator[/align]
[align=left]TextBox的例子[/align]
[align=left]<asp:TextBox ID="TextBox2" runat="server" Width="130px" Height="16px" ValidationGroup="MKE" />[/align]
[align=left]<ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender2" runat="server"[/align]
[align=left] TargetControlID="TextBox2"[/align]
[align=left] Mask="9,999,999.99"[/align]
[align=left] MessageValidatorTip="true"[/align]
[align=left] OnFocusCssClass="MaskedEditFocus"[/align]
[align=left] OnInvalidCssClass="MaskedEditError"[/align]
[align=left] MaskType="Number"[/align]
[align=left] InputDirection="RightToLeft"[/align]
[align=left] AcceptNegative="Left"[/align]
[align=left] DisplayMoney="Left"[/align]
[align=left] ErrorTooltipEnabled="True" />[/align]
[align=left]<ajaxToolkit:MaskedEditValidator ID="MaskedEditValidator2" runat="server"[/align]
[align=left] ControlExtender="MaskedEditExtender2"[/align]
[align=left] ControlToValidate="TextBox2"[/align]
[align=left] IsValidEmpty="False"[/align]
[align=left] MaximumValue="12000"[/align]
[align=left] EmptyValueMessage="Number is required"[/align]
[align=left] InvalidValueMessage="Number is invalid"[/align]
[align=left] MaximumValueMessage="Number > 12000"[/align]
[align=left] MinimumValueMessage="Number < -100"[/align]
[align=left] MinimumValue="-100"[/align]
[align=left] Display="Dynamic"[/align]
[align=left] TooltipMessage="Input a number from -100 to 12000"[/align]
[align=left] EmptyValueBlurredText="*"[/align]
[align=left] InvalidValueBlurredMessage="*"[/align]
[align=left] MaximumValueBlurredMessage="*"[/align]
[align=left] MinimumValueBlurredText="*"[/align]
[align=left] ValidationGroup="MKE" />[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left]属性[/align]
[align=left]说明[/align]
[align=left]TargetControlID[/align]
[align=left]拥有屏蔽编辑功能的文本控件ID[/align]
[align=left]MaskType[/align]
[align=left]屏蔽类型:[/align]
None – 无屏蔽

Number – 数字屏蔽

Date – 日期屏蔽

Time – 时间屏蔽

DateTime – 日期+时间屏蔽
[align=left]Mask Characters and Delimiters[/align]
9 – 只允许数字

L – 只允许字母

$ – 只允许字母或者空格

C – 只允许自定义字符

A – 只允许字母或者自定义字符

N – 只允许数字或者自定义字符

? – 任意字符

/ – 日期分格符

: – 时间分格符

. – 数字分格符

, – 字符分格符

\ – 特殊符(通c#用法)

{ – 开始符

} – 结束符

例子:

9999999 – 7个数字

99\/99 – 四个数字,前两位数字和后两位数字中间有一个“/”
[align=left]AcceptAMPM[/align]
[align=left]True or False. [/align]
[align=left]True表示使用“上午(AM)下午([b]PM)”表示时间[/b]/[/align]
[align=left]AutoComplete[/align]
[align=left]True or False. [/align]
True 表示自动填充空白部分。

MaskType=Number – 填充0.

MaskType=Time -填充当前时间.

MaskType=Date -填充当前日期.

MaskType=DateTime -填充当前日期+时间.
[align=left]AutoCompleteValue[/align]
[align=left]当AutoComplete= True 时,自动填充的字符。[/align]
[align=left]Century[/align]
[align=left]四位数,当year是两位数的时候,世纪就有用了。[/align]
[align=left]ClearMaskOnLostFocus[/align]
[align=left]True or False. [/align]
[align=left]True表示清空屏障当文本框失去焦点[/align]
[align=left]ClearTextOnInvalid[/align]
[align=left]True or False. [/align]
[align=left]True表示当输入不正确的文本时候自动删除[/align]
[align=left]ClipboardEnabled-[/align]
[align=left]True or False. [/align]
[align=left]True表示可以使用“拷贝/粘贴”[/align]
[align=left]ClipboardText[/align]
[align=left]True or False. [/align]
[align=left]True表示可以使用“拷贝/粘贴”[/align]
[align=left]DisplayMoney[/align]
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
[align=left]ErrorTooltipCssClass[/align]
[align=left] [/align]
[align=left]ErrorTooltipEnabled[/align]
[align=left] [/align]
[align=left]Filtered[/align]
[align=left] [/align]
[align=left]InputDirection[/align]
[align=left] [/align]
[align=left]MessageValidatorTip[/align]
[align=left] [/align]
[align=left]PromptChararacter[/align]
[align=left] [/align]
[align=left]UserDateFormat[/align]
[align=left] [/align]
[align=left]UserTimeFormat[/align]
[align=left] [/align]
[align=left]OnFocusCssClass[/align]
[align=left] [/align]
[align=left]OnFocusCssNegative[/align]
[align=left] [/align]
[align=left]OnBlurCssNegative[/align]
[align=left] [/align]
[align=left]OnInvalidCssClass[/align]
[align=left] [/align]
[align=left]CultureName[/align]
[align=left] [/align]
[align=left]CultureAMPMPlaceholder[/align]
[align=left] [/align]
[align=left]CultureCurrencySymbolPlaceholder[/align]
[align=left] [/align]
[align=left]CultureDateFormat[/align]
[align=left] [/align]
[align=left]CultureDatePlaceholder[/align]
[align=left] [/align]
[align=left]CultureDecimalPlaceholder[/align]
[align=left] [/align]
[align=left]CultureThousandsPlaceholder[/align]
[align=left] [/align]
[align=left]CultureTimePlaceholder[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left]效果如下:[/align]
[align=left]http://asp.net/AJAX/Control-Toolkit/Live/MaskedEdit/MaskedEdit.aspx[/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: