Comment ajouter un bouton à l'extérieur DataTemplate dans ItemsControl

Question

J'ai créé un app.In WPF que j'ai datatemplate comme suit

<DataTemplate x:Key="ItemTemplate"> 
    <StackPanel> 
     <TextBlock Text="item"/> 
     <TextBlock Text="{Binding Number}"/> 
    </StackPanel> 
</DataTemplate> 

J'ai un ItemsControl comme celui-ci

<ItemsControl ItemsSource="{Binding Items}" 
         Grid.Column="1" 
         Grid.Row="3" 
         ItemTemplate="{StaticResource ItemTemplateWithButton}" /> 

où j'ai besoin un itemtemplate comme ceci

<DataTemplate x:Key="ItemTemplateWithButton"> 
     <StackPanel> 
      <StackPanel> 
       <TextBlock Text="item"/> 
       <TextBlock Text="{Binding Number}"/> 
      </StackPanel> 
      <StackPanel> 
       <Button> 
        <StackPanel> 
         <TextBlock Text="item"/> 
         <TextBlock Text="{Binding Number}"/> 
        </StackPanel> 
       </Button> 
      </StackPanel> 
     </StackPanel> 
    </DataTemplate> 

Y at-il une possibilité de réutiliser le datatemplate dans le nouvel ite mscontrol?

Answer 1

Vous pouvez utiliser ContentControl trop

<DataTemplate x:Key="ItemTemplate"> 
    <StackPanel> 
     <TextBlock Text="item"/> 
     <TextBlock Text="{Binding Number}"/> 
    </StackPanel> 
</DataTemplate> 
<DataTemplate x:Key="ItemTemplateWithButton"> 
    <StackPanel> 
     <ContentControl ContentTemplate="{StaticResource ItemTemplate}" /> 
     <Button> 
      <ContentControl ContentTemplate="{StaticResource ItemTemplate}" /> 
     </Button> 
    </StackPanel> 
</DataTemplate> 

Answer 2

Vous pouvez créer un UserControl pour maintenir le XAML que vous souhaitez réutiliser:

<UserControl x:Class="StackOverflow.SharedControl" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Grid> 
     <StackPanel> 
      <TextBlock Text="item"> 
      </TextBlock> 
      <TextBlock Text="{Binding Number}"></TextBlock> 
     </StackPanel> 
    </Grid> 
</UserControl> 

Ensuite, utilisez ce UserControl dans les deux modèles.

<DataTemplate x:Key="ItemTemplate"> 
    <controls:SharedControl/> 
</DataTemplate> 

<DataTemplate x:Key="ItemTemplateWithButton"> 
    <StackPanel> 
     <controls:SharedControl/> 
     <StackPanel> 
      <Button> 
       <StackPanel> 
        <TextBlock Text="item"> 
        </TextBlock> 
        <TextBlock Text="{Binding Number}"></TextBlock> 
       </StackPanel> 
      </Button> 
     </StackPanel> 
    </StackPanel> 
</DataTemplate> 

Answer 3

Ce que je comprends en lisant this answer et ce Liero mentionné dans les commentaires est il est possible de réutiliser un DataTemplate en utilisant soit ContentPresenter ou ContentControl. Cependant:

1. est plus léger.
2. ContentPresenter est conçu pour être utilisé à l'intérieur des modèles de contrôle.
3. ContnetPresenter est conçu pour être utilisé tel quel tandis que ContentControl est conçu pour être étendu (hérité de).

En conséquence, voici une solution basée sur ce que vous avez demandé:

<DataTemplate x:Key="ItemTemplate"> 
     <StackPanel> 
      <TextBlock Text="item"/> 
      <TextBlock Text="{Binding Number}"/> 
     </StackPanel> 
    </DataTemplate> 

    <DataTemplate x:Key="ItemTemplateWithButton"> 
     <StackPanel> 
      <ContentPresenter ContentTemplate="{StaticResource ItemTemplate}"/> 
      <StackPanel> 
       <Button Content="{Binding}" ContentTemplate="{StaticResource ItemTemplate}" /> 
      </StackPanel> 
     </StackPanel> 
    </DataTemplate>