丢失焦点后删除掩码IG:WebMaskEditor(Infragistics)

时间:2013-06-18 14:24:55

标签: c# asp.net infragistics

我有一个IG:WebMaskEditor的电话号码输入字段。我试图显示当用户在WebMaskEditor中输入数字时屏蔽的电话号码,例如:(305) 123-4444。我还想确保在webMaskEditor示例丢失焦点后删除掩码:3051234444。目前只在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>

1 个答案:

答案 0 :(得分:0)

目前,这是遮罩控件的默认行为。

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

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

    <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>    
    

这将允许您在控制聚焦时具有输入掩码,并在控制模糊时具有纯文本。

请告诉我此方法是否适用于您的应用程序。