How to format Phone Numbers with GridViewMaskedTextColumn

[Louis]

I'm trying to set a mask for phone numbers in a grid using the GridViewMaskedTextBoxColumn, but it doesn't seem to be working.  The XAML I'm using is as follows:

<telerik:GridViewMaskedTextBoxColumn x:Name="colCellPhone" Header="Cell Phone" DataMemberBinding="{Binding MobilePhone}" MaskType="Standard" Mask="###-###-####"  IsReadOnly="True" IsGroupable="False" IsFilterable="False" Width="*" />

However, when running the application the phone number displays without the mask.  What does it take to get the masking to work?

Thanks

[Maya]

Hello Louis,

You may define the DataFormatString property of the GridViewDataColumn:

<telerik:GridViewDataColumnDataMemberBinding="{Binding MyProperty}"DataFormatString="{}{0:(###) ### - ####}"/>

However, this format will not be used when the cell is in edit mode. A possible approach to keep the format both in view and edit mode is to use the GridViewMaskedTextBoxColumn as follows:

<telerik:GridViewMaskedTextBoxColumnMask="(###) ### - ####"MaskType="Standard"
    DataMemberBinding="{Binding MyProperty}"DataFormatString="{}{0:(###) ### - ####}"/>

I am sending you a sample project illustrating both approaches.

 

Regards,
Maya
the Telerik team

[Louis]

Thanks Maya,

     This syntax is a bit different than the example given in the documentation, but as long as it works.