WPF ListView avec des boutons sur chaque ligne

J'ai une liste de Games qui a juste un ID, un Date, et un Time.
Je suis la définition de cette liste que le DataContext.

J'ai alors d'un DataTemplate pour ces jeux qui est:

 <DataTemplate DataType="{x:Type loc:Game}">
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="auto"></RowDefinition>
         </Grid.RowDefinitions>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="100"></ColumnDefinition>
             <ColumnDefinition Width="100"></ColumnDefinition>
             <ColumnDefinition Width="100"></ColumnDefinition>
         </Grid.ColumnDefinitions>
         <TextBlock Name="dateBlock" Grid.Column="0" Grid.Row="1"
                    Text="{Binding Date,  StringFormat=d}"></TextBlock>
         <TextBlock Name="TimeBlock" Grid.Column="1" Grid.Row="1"
                    Text="{Binding Time}"></TextBlock>
         //need to but a button here for each row
     </Grid>
 </DataTemplate>

Pour utiliser le modèle, je suis tout simplement il suffit de faire ceci:

    <ListBox ItemsSource="{Binding}"></ListBox>

J'ai besoin d'ajouter un Button à chaque ligne dans cet affichage de la liste qui ont le même événement de clic, mais en quelque sorte passer l'ID du jeu dont le bouton est cliqué.

Comment puis-je faire cela? Je suis coincé.
Si ça n'a pas de sens, laissez-moi savoir et je vais essayer d'expliquer mieux.

InformationsquelleAutor twaldron | 2011-08-19
  1. 43

    Pour la première partie, ajouter un Button à la DataTemplate et abonnez-vous à la Click événement

    <DataTemplate DataType="{x:Type loc:Game}">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"></ColumnDefinition>
            <ColumnDefinition Width="100"></ColumnDefinition>
            <ColumnDefinition Width="100"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TextBlock Name="dateBlock" Grid.Column="0" Grid.Row="1" Text="{Binding Date,  StringFormat=d}"></TextBlock>
        <TextBlock Name="TimeBlock" Grid.Column="1" Grid.Row="1" Text="{Binding Time}"></TextBlock>
        <Button Click="Button_Click">X</Button>
    </Grid>
</DataTemplate>

    Dans le code de gestionnaire d'événement, vous pouvez obtenir le DataContext de l'cliqué Button et trouver l'Id comme

    private void Button_Click(object sender, RoutedEventArgs e)
{
    Button button = sender as Button;
    Game game = button.DataContext as Game;
    int id = game.ID;
    //...
}
    • Merci cela a parfaitement fonctionné et était facile à comprendre.
    InformationsquelleAutor Fredrik Hedblad
  2. 16

    Facilement. Ajouter un Button à votre DataTemplate, de lui donner un Command et puis définissez la CommandParameter="{Binding}". Le DataContext dans un DataTemplate est l'objet.

    Comme demandé, voici quelques liens à l'aide de commandes.

    HTH,

    • C'est une solution plus propre. Depuis que j'ai écrit MVVM code je ne pense même utiliser des gestionnaires d'événements dans le code derrière (c'est à dire xaml.cs). C'est juste tellement plus agréable.
    • Dennis, un code d'exemple de la façon de faire le reste de la Liaison de Commande (ou au moins un lien vers une existante) serait vraiment utile dans votre réponse. Dans ces cas, je préfère aussi à l'aide de Commandes avec le paramètre à l'aide de la Liaison.
    • J'avais l'habitude de jeter ensemble un exemple lorsqu'il est nécessaire, cependant que les Commandes sont bien couverts sujet je vais faire la recherche sur Google et ajouter quelques-uns des meilleurs résultats de ma réponse.
    • Merci les gars, c'est peut être plus soignée, mais j'ai été de se confondre avec les commandes. Je peut le changer plus tard, mais pour l'instant, la réponse a été plus facile pour moi 🙂 merci!
    • C'est mieux expliqué ici stackoverflow.com/questions/5063308/...
    InformationsquelleAutor Dennis
  3. 3

    Avec une zone de liste.ItemTemplate. Alors cliquez sur l'événement que vous pouvez obtenir à l'objet par DataContext.

        <ListBox.ItemTemplate>
        <DataTemplate>
            <Button Content="^" IsEnabled="{Binding Path=IsNotFirst, Mode=OneWay}" 
             Click="btnMoveFDAup"/>
        </DataTemplate>
    </ListBox.ItemTemplate>


    private void btnMoveFDAup(object sender, RoutedEventArgs e)
    {
        Button btn = ((Button)sender);
        //btn.DataContext will get you to the row object where you can retrieve the ID
    }
    • Comment puis-je obtenir les valeurs de btn.DataContext? Par exemple, dans le débogueur, je peux voir que btn.DataContext est pointant vers ma classe de données (LVDATA) et ce dont j'ai besoin est la valeur du Nom de la chaîne. Comment puis-je en bénéficier?
    InformationsquelleAutor paparazzo