How to go to next control on tab button press in MVVM

See more:

C#

XAML

MVVM

I have a XAML form in MVVM, and there are some textbox and button controls, and I set the TabIndex property for that control, but when I click on tab button from keyboard, it's going to control according to tabindex set.

Please help how to set the focus from one control to another using MVVM pattern.

What I have tried:

        <Grid Grid.Column="2" Grid.Row="0"  Name="grv">

            <TextBox TabIndex="0" Grid.Column="1" Grid.Row="0" Name="txtSearchAudit" Text="{Binding SearchJob,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Style="{StaticResource textbox-editable}" IsEnabled="{Binding IsBarcodeNumberEnabled}">
                
            </TextBox>

            <Button TabIndex="3" Name="Search" Grid.Column="1" 
            Grid.Row="0" Width="100" Height="25" Content="Search" 
            HorizontalAlignment="Right" Style="{StaticResource btn-primary}" 
            Visibility="{Binding SearchButtonVisibility}">
               
            </Button>
        </Grid>
        <TextBlock Grid.Column="4" Grid.Row="0" Text="Job# : 
        " Style="{StaticResource textblock}" />
        <TextBox TabIndex="4" Grid.Column="5" Grid.Row="0"  
        Style="{StaticResource textbox-readonly}" 
        Text="{Binding JobInfo.JobNumber}"  />

        <TextBlock Grid.Column="1" Grid.Row="2" 
        Text="Customer Name : " Style="{StaticResource textblock}" />
        <TextBox TabIndex="2" Grid.Column="2" Grid.Row="2"  
        Style="{StaticResource textbox-readonly}" 
        Text="{Binding JobInfo.CustomerName}"  />

        <TextBlock Grid.Column="4" Grid.Row="5" 
        Text="Scan Type : " Style="{StaticResource textblock}" />
        <TextBox TabIndex="1" Grid.Column="5" Grid.Row="5"  
        Style="{StaticResource textbox-readonly}" 
        Text="{Binding JobInfo.ScanType}"  />
</Grid>