WPF TabBarControl 在选项卡更改时将焦点设置到元素

Question

我有一个绑定到视图模型的 TabControl

          <TabControl
             ItemsSource="{Binding Path=ViewModelCollection}" >
             <TabControl.ItemContainerStyle>
                <Style
                   TargetType="TabItem"
                   BasedOn="{StaticResource {x:Type TabItem}}">
                   <Setter
                      Property="Header"
                      Value="{Binding Title}" />
                   <Setter
                      Property="Content"
                      Value="{Binding}" />
                </Style>
             </TabControl.ItemContainerStyle>
          </TabControl>

每个选项卡只包含一个视图模型项。我使用数据模板来显示它。

  <!-- View Model Template -->
  <DataTemplate
     DataType="{x:Type local:ViewModelItem}">
     <DockPanel>
        <TextBox Text="I want this to have the focus"/>
     </DockPanel>
  </DataTemplate>

当当前选项卡更改时，我希望焦点位于数据模板中的文本框（这是一个简单的示例，在我的生产代码中我有一个数据网格）。我该如何做到这一点？

Answer 1

我不完全确定当您在 DataTemplate 中定义了模板时，您可以将焦点设置在 UIElement 上。您可以将 DataTemplate 的内容放在 UserControl 中，然后按程序将焦点设置在 TextBox 上，而不是直接使用 DataTemplate。

<Window.Resources>
  <DataTemplate DataType="{x:Type local:ViewModelItem}">
    <ContentControl Content="{Binding Path=YourProperty}" />
  </DataTemplate>
</Window.Resources>


<TabControl ItemsSource="{Binding Path=ViewModelCollection}">
  <TabControl.ItemContainerStyle>
    <Style
       TargetType="TabItem">
        <Setter
          Property="Header"
          Value="{Binding Path=Title}" />
    </Style>
  </TabControl.ItemContainerStyle>
</TabControl>

在 UserControl 的代码隐藏中：

public MyUserControl()
{
  InitializeComponent();
  this.Loaded += new RoutedEventHandler( OnLoaded );
}

void OnLoaded( object sender, RoutedEventArgs e )
{
  MyTextBox.Focus();
}

我开发了一个小项目，通过将 DataTemplate 推入 UserControl，当选项卡更改时，TextBox 获得了焦点。