How to set focus to textbox using MVVM?

by

You can do this by adding a property to your ViewModel (or use an existing property) that indicates when the SetFocus should happen but the View should be responsible for actually setting the focus since that is purely View related.

You can do this with a DataTrigger.

View:

<Grid Name="LayoutRoot" DataContext="{StaticResource MyViewModelInstance}">
    <Grid.Style>
        <Style>
            <Style.Triggers>
                <DataTrigger Binding="{Binding UserShouldEditValueNow}" Value="True">
                    <Setter Property="FocusManager.FocusedElement" Value="{Binding ElementName=PropertySearch}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Grid.Style>
    <TextBox   Name="PropertySearch"   Text="{Binding UpdateSourceTrigger=PropertyChanged, Mode=TwoWay, Path=PropertySearch, ValidatesOnDataErrors=True}" Width="110" Height="25" Margin="10" />
</Grid>

ViewModel:

// When you think the view should set focus on a control
this.UserShouldEditValueNow = true;

The example above is simplified by just using a boolean ViewModel property “UserShouldEditValueNow”. You can add a property like this to your ViewModel or use some other exising property that indicates this state.

Note: So why is it done this way in MVVM? One reason is, suppose the View author decided to replace the TextBox with a ComboBox, or even better, suppose your property was an integer value that had both a TextBox to view/edit the number and a Slider as another way to edit the same value, both controls bound to the same property… how would the ViewModel know which control to set focus on? (when it shouldn’t even know what control, or controls, are bound to it in the first place) This way the View can select which control to focus by changing the ElementName binding target in the DataTrigger Setter.

Happy coding!

More Related Contents:

  1. Set focus on TextBox in WPF from view model
  2. Select multiple items from a DataGrid in an MVVM WPF project
  3. WPF: Binding a ContextMenu to an MVVM Command
  4. This type of CollectionView does not support changes to its SourceCollection from a thread different from the Dispatcher thread [duplicate]
  5. ReSharper WPF error: “Cannot resolve symbol “MyVariable” due to unknown DataContext”
  6. Bind to SelectedItems from DataGrid or ListBox in MVVM
  7. What’s the best way to pass event to ViewModel?
  8. WPF MVVM Why use ContentControl + DataTemplate Views rather than straight XAML Window Views?
  9. Cannot find source for binding with reference ‘RelativeSource FindAncestor’ [duplicate]
  10. Handling the window closing event with WPF / MVVM Light Toolkit
  11. WPF OpenFileDialog with the MVVM pattern? [duplicate]
  12. WPF binding not updating the view
  13. Binding Commands to Events?
  14. Page Navigation using MVVM in Store App
  15. WPF Binding UI events to commands in ViewModel
  16. How to hide close button in WPF window?
  17. Stop TabControl from recreating its children
  18. using of INotifyPropertyChanged
  19. ListBox items return string, when DataTemplate is Button
  20. In WPF can you filter a CollectionViewSource without code behind?
  21. How to write a ViewModelBase in MVVM
  22. How can I set the color of a selected row in DataGrid
  23. the name does not exist in the namespace clr-namespace
  24. WPF Error 40 BindingExpression path error: property not found on ‘object’
  25. Creating an MVVM friendly dialog strategy
  26. DataGrid row content vertical alignment
  27. The component does not have a resource identified by the uri
  28. Could not load file or assembly ‘System.Windows.Interactivity’ [duplicate]
  29. WPF C# InputBox
  30. Add context menu in datagrid, how to get the select Item value

Leave a Comment