MouseDown sur ListBoxItems avec liaison de données (WPF)

Question

J'ai un ListBox avec liaison de données. Je dois déclencher un événement lorsqu'un utilisateur clique sur l'un des ListBoxItems, mais je n'arrive pas à comprendre comment procéder. J'ai essayé de mettre une grille sur le ListBox.ItemTemplate et de mettre l'événement MouseDown sur ce point:

<ListBox 
    Name="popupListBox"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Grid MouseDown="Grid_MouseDown" Background="Aquamarine"> 
       <TextBlock Text="{Binding Path=TagText}" /> 
      </Grid> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

Cependant, la grille est généralement inférieure à la ListBoxItem réelle. Je n'arrive pas à savoir comment l'activer quand on clique sur une partie de celle-ci.

J'ai essayé d'examiner l'événement SelectionChanged sur la ListBox, mais cela ne se déclenche pas lorsque vous cliquez sur l'élément actuellement sélectionné.

J'ai également essayé d'éditer le style pour le ListBoxItem, mais je ne peux pas comprendre comment appliquer correctement un événement MouseDown à lui; J'ai toujours des erreurs de syntaxe.

Answer 1

Vous pouvez ajouter un ItemContainerStyle pour étirer le DataTemplate afin de remplir l'espace horizontal disponible. Les événements de souris vers le bas se déclencheraient maintenant où que vous cliquiez sur l'élément.

<ListBox Name="popupListBox"> 
    <ListBox.ItemContainerStyle> 
     <Style TargetType="{x:Type ListBoxItem}"> 
      <Setter Property="HorizontalContentAlignment" Value="Stretch"/> 
     </Style> 
    </ListBox.ItemContainerStyle> 

    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Grid MouseDown="Grid_MouseDown" Background="Aquamarine"> 
       <TextBlock Text="{Binding Path=tagText}" /> 
      </Grid> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox>