No UpperCase Input when UpdateValueEvent is LostFocus

[Peter]

Hello,

I have a problem with the RadMaskedTextInput-Control.

When I set the UpdateValueEvent-Property to LostFocus, then the input isn't converted to UpperCase anymore.

 

My xaml looks like this:

<telerik:RadMaskedTextInput Width="140" Height="22"
                            IsClearButtonVisible="False"
                            InputBehavior="Replace"
                            Mask=">X8"
                            SelectionOnFocus="Unchanged"
                            TextMode="MaskedText"
                            UpdateValueEvent="LostFocus"
                            Value="affeaffe"/>

 

I defined a ValidationRule to allow only Hex-Value for Input:

public class HexToken : ITokenValidationRule
    {
        public bool IsRequired
        {
            get { return false; }
        }
        public bool IsValid(char ch)
        {
            return ValidChars.Contains(ch);
        }
        public char Token
        {
            get { return 'X'; }
        }
        public TokenTypes Type
        {
            get { return TokenTypes.AlphaNumeric; }
        }
        private string myValidChars = "0123456789abcdefABCDEF";
        public string ValidChars
        {
            get { return myValidChars; }
        }
    }

 

Can you help me with this plz?

regards,

Tobias

[Dilyan Traykov]

Hello Tobias,

Thank you for the provided code snippets.

The behavior you described is expected as when you set the UpdateValueEvent property to LostFocus the inputted value is only parsed once the control loses focus which means that any new characters won't be processed (by the > modifier token) until then. If you want to have each character  be transformed to uppercase, you would need to manually handle the input per keystroke.

I hope this clarifies things for you.

Regards,
Dilyan Traykov
Progress Telerik

[Peter]

Hello Dilyan,

thanks for your response. That's a little bit disappointing, because the default-Input behaviour on GridView is (imho) LostFocus.

I followed your suggestion but it's not as easy as it seems. Can you provide me an example how to manually handle the input per keystroke?

Thanks, Tobias

[Dilyan Traykov]

Hello Peter,

As per your request, I've prepared a small sample project to demonstrate how you can manually handle the text input and make it uppercase.

It involves handling the TextInput event of the PreviewInputTextBox inside the RadMaskedTextInput in the following manner:

        private void OnTextChanged(object sender, RoutedEventArgs e)
        {
            var input = sender as PreviewInputTextBox;
            var currentText = input.Text;
            var upperText = currentText.ToUpper();
            if (upperText != currentText)
            {
                input.Text = upperText;
            }
        }

Please have a look and let me know if such an approach would work for you.

Regards,
Dilyan Traykov
Progress Telerik

[Peter]

Hello Dilyan,

thank you very much for the provided code snippet.

It works, but I changed it a little bit to reset the Caret-Position after setting the UpperText:

private void OnTextChanged(object sender, RoutedEventArgs e)
{
    var textBox = sender as PreviewInputTextBox;

    var caretIndex = textBox.CaretIndex;
    var upperText = textBox.Text.ToUpper();
    if (upperText != textBox.Text)
    {
        textBox.Text = upperText;
        textBox.CaretIndex = caretIndex;
    }
}

 

Cheers!

Tobias

[Dilyan Traykov]

Hello Tobias,

I'm happy to hear that you've managed to achieve the desired result. I'd also like to thank you for sharing your solution with our community.

Regards,
Dilyan Traykov
Progress Telerik