Enveloppez quelque chose autour de chaque élément dans un ItemsControl

Question

Disons que j'ai une collection d'objets de différentes classes. Chaque classe a son UserControl DataTemplated dans un fichier de ressources.

Maintenant, je veux utiliser ItemsControl pour afficher la collection, mais je veux une bordure ou un expandeur autour de chaque élément.

je me attends quelque chose comme cela fonctionne:

<ItemsControl ItemsSource="{Binding MyObjects}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel Orientation="Horizontal"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Border BorderBrush="Black" BorderThickness="3"> 
       <ContentPresenter/> 
      </Border> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Mais le ContentPresenter semble prendre ItemTemplate, parce que je reçois un débordement de pile.

Comment obtenir le DataTemplate de chaque élément dans ItemTemplate?

Answer 1

Normalement, vous pouvez envisager de le faire en modélisant le conteneur d'éléments. Le problème est le "générique" ItemsControl utilise le ContentPresenter comme son conteneur d'article. Ainsi, même si vous essayez de définir un style avec ItemContainerStyle, vous ne pourrez pas fournir de modèle car le ContentPresenter ne prend pas en charge le modèle de contrôle (il prend en charge la création de modèle de données mais ne sert à rien ici).

Pour utiliser un conteneur modèle vous devrez dériver de ItemsControl comme dans ce example.

Une alternative pourrait être simplement d'utiliser le contrôle ListBox à la place. Ensuite, vous pouvez simplement fournir un modèle personnalisé en définissant un modèle ListBoxItem via un style.

Vous pouvez en savoir plus sur les conteneurs here.

(Avec votre permissen j'ajoute la solution à votre réponse, Guge)

<ListBox ItemsSource="{Binding MyObjects}" Grid.Column="1"> 
     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Horizontal"/> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBox.ItemContainerStyle> 
      <Style TargetType="{x:Type ListBoxItem}"> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="{x:Type ListBoxItem}"> 
          <Border BorderBrush="Black" BorderThickness="3"> 
           <ContentPresenter/> 
          </Border> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </ListBox.ItemContainerStyle> 
    </ListBox>