altas(ajax)控件(十五):屏蔽编辑控件MaskedEdit
2007-09-21 19:49
411 查看
[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] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left]效果如下:[/align]
[align=left]http://asp.net/AJAX/Control-Toolkit/Live/MaskedEdit/MaskedEdit.aspx[/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] [align=left]None – 无屏蔽 Number – 数字屏蔽 Date – 日期屏蔽 Time – 时间屏蔽 DateTime – 日期+时间屏蔽[/align] |
[align=left]Mask Characters and Delimiters[/align] | [align=left]9 – 只允许数字 L – 只允许字母 $ – 只允许字母或者空格 C – 只允许自定义字符 A – 只允许字母或者自定义字符 N – 只允许数字或者自定义字符 ? – 任意字符 / – 日期分格符 : – 时间分格符 . – 数字分格符 , – 字符分格符 / – 特殊符(通c#用法) { – 开始符 } – 结束符 例子: 9999999 – 7个数字 99//99 – 四个数字,前两位数字和后两位数字中间有一个“/”[/align] |
[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] [align=left]True 表示自动填充空白部分。 MaskType=Number – 填充0. MaskType=Time -填充当前时间. MaskType=Date -填充当前日期. MaskType=DateTime -填充当前日期+时间.[/align] |
[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] | [align=left]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] |
[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]http://asp.net/AJAX/Control-Toolkit/Live/MaskedEdit/MaskedEdit.aspx[/align]
相关文章推荐
- altas(ajax)控件(十五):屏蔽编辑控件MaskedEdit
- altas(ajax)控件(十五):屏蔽编辑控件MaskedEdit
- altas(ajax)控件(十五):屏蔽编辑控件MaskedEdit
- Edit编辑文本控件信息(GetDlgItem,SetWindowText,GetWindowText)
- Android开发之四(四):常用控件之编辑框(EditText)
- 设置、获得对话框中 编辑框控件 EDIT 的内容
- edit -------magento后台编辑数据---控件
- altas(ajax)控件(二十二):帮助用户输入的面板控件PopupControl
- altas(ajax)控件(十三):悬浮菜单HoverMenu
- altas(ajax)控件(十七):互斥复选框控件MutuallyExclusiveCheckBox
- altas(ajax)控件(二十一):判断密码的强弱程度的控件PasswordStrength
- altas(ajax)控件(六):CascadingDropDown 联动选择的下拉框
- altas(ajax)控件(十六):遮盖全屏幕的对话框控件ModalPopup
- altas(ajax)控件(九):可拖动面板DragPanel
- altas(ajax)控件(二):悬浮面板控件AlwaysVisibleControl
- altas(ajax)控件(三):动画制作控件AnimationExtender
- altas(ajax)控件(四):模糊匹配控件AutoComplete
- altas(ajax)控件(八):ConfirmButton确认对话框
- altas(ajax)控件(十一):DropShadow为某一个控件添加阴影
- Android 各控件的使用 - 可编辑文本框(EditText)