Bind To Property

[David]

How do you bind MaskedInput control to a viewmodel property?  I tried to bind to InputValue but I got a null reference error when I tried that.

[Lance | Senior Manager Technical Support]

Hi David,

You're probably getting this error because the InputValue is being bound to a null string. Make sure the bound property is initialized with an empty string "" or use string.Empty.

Here's an example:

<telerikInput:RadMaskedInput
    InputValue="{Binding MyInputValue, Mode=TwoWay}"
    WatermarkText="Watermark"
    Mask="(CC) 00"
    MaskType="Text" />

public class ViewModel : ViewModelBase
{
    private string _myInputValue = "";

    public string MyInputValue
    {
        get => _myInputValue;
        set
        {
            if(_myInputValue == value)
                return;

            _myInputValue = value;
            OnPropertyChanged();
        }
    }
}

I've attached a demo, that also has a second Label to verify that the bound string is being updated when you type into the MaskedInput.

Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik

[David]

That worked. Thanks.

 

On mask input can you change the keyboard to "email"?

[Lance | Senior Manager Technical Support]

Hello David,

Currently, this is not possible. We do have this feature request on the backlog and it has been approved by the development team: MaskedInput: Add option for setting the virtual keyboard

If you'd like to increase its priority, please take a moment to up-vote it (click the like button). If you'd like to be notified of status changes (i.e. changing form Approved to Under Development), click the follow button.

Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik