DockPanel orden de tabulación

Question

Tengo una DockPanel estableció en el DataTemplate de ItemsControl de la siguiente manera:

<ItemsControl HorizontalContentAlignment="Stretch"> 
    <ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <DockPanel> 
     <ComboBox DockPanel.Dock="Left"/> 
     <ComboBox DockPanel.Dock="Left"/> 
     <Button DockPanel.Dock="Right">Button</Button> 
     <!-- This will appear before the button...it has to go after it in the XAML so it will fill properly in the DockPanel --> 
     <TextBox DockPanel.Dock="Left" MinWidth="100" HorizontalAlignment="Stretch"/> 
     </DockPanel> 
    </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

quiero que el cuadro de texto para llenar todo el espacio que queda entre los cuadros combinados y el botón. Tuve que poner el cuadro de texto al final en XAML porque DockPanel solo ocupará el último hijo. Se ve genial; sin embargo, el orden de las pestañas ahora está arruinado. Ahora pestañas combobox-combobox-button-textbox en lugar de combobox-combobox-textbox-button.

He intentado usar KeyboardNavigation.TabIndex propiedades en cada elemento, pero dado que esto es un DataTemplate para un ItemsControl (cada uno de estos dockpanels será para un elemento separado), el orden de tabulación salta verticalmente hacia abajo en cada cuadro combinado de los elementos. luego verticalmente hacia abajo cada cuadro de texto, luego hacia abajo verticalmente cada botón, en lugar del comportamiento deseado de ir a través de cada fila, luego hacia abajo.

Ejemplo UI:

[Combo11] [Combo12] [Text1] [Button1] 
[Combo21] [Combo22] [Text2] [Button2] 

En el estado actual de las cosas, va Combo11,Combo12,Button1,Text1,Combo21,Combo22,Button2,Text2. Si agrego las propiedades de TabOrder, va al Combo11,Combo21,Combo12,Combo22,Text1,Text2,Button1,Button2.

me gustaría que vaya Combo11,Combo12,Text1,Button1,Combo21,Combo22,Text2,Button2.

¿Alguien tiene alguna idea sobre cómo resolver este problema de interfaz de usuario?

Answer 1

se puede utilizar una cuadrícula en lugar de la DockPanel, así:

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="Auto"/> 
     <ColumnDefinition Width="Auto"/> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="Auto"/> 
    </Grid.ColumnDefinitions> 
    <ComboBox /> 
    <ComboBox Grid.Column="1"/> 
    <TextBox Grid.Column="2" MinWidth="100" /> 
    <Button Grid.Column="3">Button</Button> 
</Grid> 

Y si usted quiere que se alinean perfectamente en las diferentes columnas - se puede utilizar SharedSizeGroup.

Answer 2

Ha intentado establecer el orden de tabulación de forma explícita?

<Control KeyboardNavigation.TabIndex="0" /> 

Answer 3

Si desea conservar el DockPanel, puede usar KeyboardNavigation.TabNavigation = "Local" en el panel del dock padre, y luego PUEDE establecer los valores del índice de tabulación en los controles dentro de él.

como no -

<ItemsControl HorizontalContentAlignment="Stretch"> 
     <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <DockPanel KeyboardNavigation.TabNavigation="Local"> 
        <ComboBox DockPanel.Dock="Left" TabIndex="1"/> 
        <ComboBox DockPanel.Dock="Left" TabIndex="2"/> 
        <Button DockPanel.Dock="Right" TabIndex="4">Button</Button> 
        <!-- This will appear before the button...it has to go after it in the XAML so it will fill properly in the DockPanel --> 
        <TextBox DockPanel.Dock="Left" MinWidth="100" HorizontalAlignment="Stretch" TabIndex="3"/> 
       </DockPanel> 
      </DataTemplate> 
     </ItemsControl.ItemTemplate> 
    </ItemsControl> 

como lo encontró, si usted acaba de establecer los valores de índice de tabulación de los controles, éstos son globales a la forma, así que todo el ÍndiceDeTabulación = "0" en forma de fichas en primer lugar, a continuación, todos los TabIndex = "1", y así sucesivamente. Establecer KeyboardNavigation.TabNavigation = "Local" en el contenedor primario lo corrige.