Move to the next control on enter/return press in Windows 8 Store application

Question

I have a windows 8 store application with numerous textboxes. When I press enter on the keyboard I'd like the focues to move to the next control.

How can I do this?

Thanks

Answer 1

You can handle the KeyDown/KeyUp events on your TextBoxes (depending on whether you want to go to the next one at the beginning or end of the key press).

Example XAML:

<TextBox KeyUp="TextBox_KeyUp" />

Code Behind:

    private void TextBox_KeyUp(object sender, KeyRoutedEventArgs e)
    {
        TextBox tbSender = (TextBox)sender;

        if (e.Key == Windows.System.VirtualKey.Enter)
        {
            // Get the next TextBox and focus it.

            DependencyObject nextSibling = GetNextSiblingInVisualTree(tbSender);
            if (nextSibling is Control)
            {
                // Transfer "keyboard" focus to the target element.
                ((Control)nextSibling).Focus(FocusState.Keyboard);
            }
        }
    }

Full example code including code for the GetNextSiblingInVisualTree() helper method: https://github.com/finnigantime/Samples/tree/master/examples/Win8Xaml/TextBox_EnterMovesFocusToNextControl

Note that calling Focus() with FocusState.Keyboard shows the dotted focus rect around elements that have such a rect in their control template (e.g. Button). Calling Focus() with FocusState.Pointer does not show the focus rect (you are using touch/mouse, so you know which element you are interacting with).