2011-10-10 109 views
4

为什么我的XAML不在我指定的TabOrder之后?未遵循指定的制表顺序?

我目前有:

<DockPanel> 
    <Grid DockPanel.Dock="Top"> 
     <UserControl TabIndex="0"> 
      <StackPanel Orientation="Horizontal"> 
       <ComboBox /> 
       <TextBox Text="Search Text" /> 
       <Button Content="Search" /> 
      </StackPanel> 
     </UserControl> 
     <ComboBox TabIndex="1" /> 
     <Separator /> 
     <TextBox TabIndex="3" Text="Save" /> 
     <TextBox TabIndex="4" Text="Cancel" /> 
    </Grid> 
    <Grid> 
     <ContentControl TabIndex="2" /> 
     <Popup /> 
    </Grid> 
</DockPanel> 

enter image description here

我的TabOrder应该去

  • 搜索的ComboBox
  • 搜索文本
  • 搜索按钮
  • 数据库组合框
  • ContentControl中
  • 保存按钮
  • 取消按钮

但是,相反它会

  • 搜索的ComboBox
  • 搜索文本
  • 搜索按钮
  • ContentControl中
  • 数据库组合框
  • 保存按钮
  • 取消按钮

我有什么毛病我的TabOrder?

编辑

我发现this SO answer这表明制作UserControl.IsTabStop="False",并绑定的子控件的TabIndex到UserControl.TabIndex,这部分工作。

我的TabOrder现在

  • 搜索的ComboBox
  • 搜索文本
  • 搜索按钮
  • 数据库组合框
  • 保存按钮
  • 取消按钮
  • ContentControl中

回答

2

显然在默认情况下,WPF读取所有的控制,内部和外部用户控件,在同一标签的水平(除非另有规定)。由于UserControl内部的控件没有指定TabIndex,因此它们会在第一个制表符周期后得到选项卡。

的解决方法是内部控制的TabIndex绑定到用户控件

<DockPanel Margin="10" KeyboardNavigation.TabNavigation="Cycle"> 
    <Grid DockPanel.Dock="Top" 
      local:GridProperties.ColumnCount="6" 
      local:GridProperties.StarColumns="0"> 

     <TextBlock Text="Header" FontSize="20" FontWeight="Bold" /> 
     <ContentControl Grid.Column="1" TabIndex="0" IsTabStop="False" Content="{Binding SearchViewModel}" /> 

     <ComboBox Grid.Column="2" Margin="5" Width="100" /> 

     <Separator Grid.Column="3" Style="{StaticResource VerticalSeparatorStyle}" /> 

     <Button Grid.Column="4" TabIndex="3" Content="Save" Width="75" Margin="5" /> 
     <Button Grid.Column="5" TabIndex="4" Content="Cancel" Width="75" Margin="5" /> 
    </Grid> 

    <Line HorizontalAlignment="Stretch" X2="1" Stretch="Fill" Stroke="Black" StrokeThickness="1" Margin="0,5" DockPanel.Dock="Top" /> 

    <Grid x:Name="ShellContentRoot"> 

     <!-- Current Page --> 
     <ContentControl TabIndex="2" Content="{Binding CurrentAccount}" IsTabStop="False" /> 

     <!-- Search Results --> 
     <local:PopupPanel local:PopupPanel.PopupParent="{Binding ElementName=ShellContentRoot}" /> 
    </Grid> 
</DockPanel> 

特别之处我SearchView唯一的TabIndex就是控制所有的设置

TabIndex="{Binding Path=TabIndex, RelativeSource={RelativeSource 
    AncestorType={x:Type local:SearchView}}}" 

Tab顺序去:

  • UserControl Se拱组合框
  • 用户控件搜索文本
  • 用户控件搜索按钮
  • 数据库组合框
  • ContentControl中
  • 保存按钮
  • 取消按钮
0

尝试在您的父级DockPanel中包含KeyboardNavigation.TabNavigation =“Local”。

<DockPanel KeyboardNavigation.TabNavigation="Local"> 

KeyboardNavigationMode

+0

不会改变任何东西 – Rachel

+0

我不想地方Tab导航虽然...我想第一个网格有TabIndex 0,1,3,4,第二个网格有TabIndex 2 – Rachel

0

这个工作对我来说:

<DockPanel > 
    <DockPanel DockPanel.Dock="Top"> 
     <UserControl TabIndex="0" KeyboardNavigation.TabNavigation="Local" DockPanel.Dock="Left"> 
      <StackPanel Orientation="Horizontal"> 
       <ComboBox /> 
       <TextBox Text="Search Text" /> 
       <Button Content="Search" /> 
      </StackPanel> 
     </UserControl> 
     <ComboBox TabIndex="1" DockPanel.Dock="Left" /> 
     <Separator /> 
     <TextBox TabIndex="3" Text="Save" DockPanel.Dock="Left"/> 
     <TextBox TabIndex="4" Text="Cancel" DockPanel.Dock="Left"/> 
    </DockPanel> 
    <Grid DockPanel.Dock="Bottom"> 
      <ContentControl TabIndex="2" Height="100" Width="100"/> 
      <Popup /> 
    </Grid> 
</DockPanel> 
+0

我不想要本地键盘导航,但我的UserControl内。我希望它循环 – Rachel