DataTemplate complet cliquable?

Question

Je suit DataTemplate pour une utilisation dans mon phone.LongListSelector à mon avis XAML:

<DataTemplate x:Name="myLocationsListTemplate"> 
     <StackPanel Margin="0,0,0,15"> 
      <Grid VerticalAlignment="Top" Margin="0,0,5,0"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="120" /> 
       </Grid.ColumnDefinitions> 
       <TextBlock Grid.Column="0" TextTrimming="WordEllipsis" Text="{Binding Name}" TextWrapping="NoWrap" Style="{StaticResource PhoneTextLargeStyle}" VerticalAlignment="Top" Margin="0,0,0,22" /> 
       <Image Grid.Column="0" Width="138" Height="25" Source="/mAppData/stars-3.png" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="0"/> 
       <TextBlock Grid.Column="1" Text="{Binding DistanceInMeterFormatted, FallbackValue=fallback, TargetNullValue=nullvalue, Mode=OneWay}" TextWrapping="NoWrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Right" Margin="0,0,-3,20" VerticalAlignment="Bottom"/> 
       <TextBlock Grid.Column="1" Text="vor 10 min." TextWrapping="NoWrap" Margin="0" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Right" VerticalAlignment="Bottom"/> 
      </Grid> 
      <Grid VerticalAlignment="Top" Margin="0,10,0,0"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 
       <Image Grid.Column="0" Width="100" Height="100" Source="{Binding PreviewImg1}"/> 
       <Image Grid.Column="1" Width="100" Height="100" Source="{Binding PreviewImg2}"/> 
       <Image Grid.Column="2" Width="100" Height="100" Source="{Binding PreviewImg3}"/> 
       <Image Grid.Column="3" Width="100" Height="100" Source="{Binding PreviewImg4}"/> 
      </Grid> 
     </StackPanel> 
    </DataTemplate> 

Maintenant, je veux que le contenu complet DataTemplate fait « cliquable ». Moyens: Si l'utilisateur clique sur un TextBlock ou l'une des quatre images ou sur tout ce qui est affiché dans la liste, une action doit être effectuée avec une propriété de databound (en disant que le Name doit être indiqué).

Des idées pour que cela fonctionne? Pourquoi ne collez-vous pas simplement votre modèle entier dans un bouton?

Answer 1

Vous pouvez styler le bouton si nécessaire pour supprimer toute apparence par défaut que vous n'aimez pas. par exemple.

<Style x:Key="BlankButtonStyle" TargetType="ButtonBase"> 

    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="ButtonBase"> 
       <ContentPresenter /> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 

    <Setter Property="Background" Value="Transparent" /> 
</Style>