在失去焦点后移除蒙版:WebMaskEditor (inffragistics)

本文关键字：WebMaskEditor inffragistics 焦点 失去 | 更新日期: 2023-09-27 18:18:58

我有一个IG:WebMaskEditor用于电话号码输入字段。我试图只在用户在WebMaskEditor中输入号码时才显示掩码的电话号码，例如:(305) 123-4444。我还想确保在webMaskEditor示例3051234444丢失焦点后删除蒙版。它目前只会在webMaskEdior为空时移除遮罩，而不会在webMaskEdior包含数字且失去焦点时移除遮罩。

我现在是这样设置的:

<ig:WebMaskEditor ID="maskHomePhone" runat="server" InputMask="(000) 000-0000" style="margin-bottom: 0px" Width="85px" CssClass="textEntry" Font-Size="Small" ValidationGroup="1" DisplayMode="BlankWhenEmpty">
                                            </ig:WebMaskEditor>

在失去焦点后移除蒙版:WebMaskEditor (inffragistics)

目前这是掩码控件的默认行为。

这就是为什么您可以使用以下方法来实现上述功能的原因:

  • 处理蒙版编辑器模糊和聚焦客户端事件:

    <ig:WebMaskEditor ID="WebMaskEditor1" runat="server" InputMask="(000) 000-0000">
    <ClientEvents Blur="WebMaskEditor1_Blur" Focus="WebMaskEditor1_Focus" />
</ig:WebMaskEditor>

  • 在这些事件中修改掩码如下:

    <script type="text/javascript" id="igClientScript">
function WebMaskEditor1_Blur(sender, eventArgs) {
   sender._setMask("0000000000");
}
function WebMaskEditor1_Focus(sender, eventArgs) {
   sender._setMask("(000) 000-0000");
}
</script>

这将允许您在控件聚焦时使用输入蒙版，在控件模糊时使用纯文本。

让我知道这种方法是否适用于您的应用程序。

相关文章：