Liaison TabControl.Items à MenuItem

Question

J'utilise un TabControl comme espace de travail principal dans une application, et j'aimerais ajouter un élément de menu «Window» qui répertorie les en-têtes des onglets ouverts. L'onglet actif (c'est-à-dire focalisé) doit être vérifié.

J'ai essayé d'utiliser un ItemsTemplate comme suit:

  <MenuItem Header="_Window" ItemsSource="{Binding ElementName=ux_workspace, Path=Items}"> 
      <MenuItem.ItemTemplate> 
       <DataTemplate> 
        <MenuItem Header="{Binding Path=Header}" IsCheckable="True" IsChecked="{Binding IsFocused, Mode=OneWay}"> 
       </DataTemplate> 
      </MenuItem.ItemTemplate> 
     </MenuItem> 

Chaque MenuItem est alors « imbriqués », pour ainsi dire, à l'intérieur d'un autre MenuItem, ce qui est vraiment pas le résultat escompté (la case à cocher est dans la zone d'en-tête, et il y a une bordure séparée autour de l'élément interne).

Y a-t-il une meilleure façon de procéder?

Merci d'avance.

Answer 1

Bien qu'il semble qu'il devrait y avoir une façon de le faire avec des modèles, créer et utiliser un style semble fonctionner:

<Style x:Key="TabMenuItem" TargetType="MenuItem"> 
    <Setter Property="Header" Value="{Binding Path=Header}" /> 
    <Setter Property="IsCheckable" Value="True" /> 
    <Setter Property="IsChecked" Value="{Binding Path=IsFocused, Mode=OneWay}" /> 
</Style> 

<MenuItem Header="_Window" 
    ItemsSource="{Binding ElementName=ux_workspace, Path=Items}" 
    ItemContainerStyle="{StaticResource TabMenuItem}" /> 

Answer 2

Malcolm, vous aurez envie d'utiliser IsSelected au lieu de IsFocused lors de la liaison le MenuItem. Si vous utilisez IsSelected au lieu de IsFocused, vous pouvez également lier IsSelected avec Mode = TwoWay pour ne pas avoir à utiliser un gestionnaire Click pour sélectionner le TabItem approprié.