[WPF] listbox et click sur item

**waspy59** · 24/12/2009, 14h35

bonjour a tous,

j'ai cherché en vain une propriété "clickitem" sur les listbox en wpf.

en effet je veux créer un évènement lors du click sur un des items de la listbox, pour récupérer des données dans un datatable mais je n'ai pas réussi.

j'ai donc utilisé la propriété "SelectionChanged", ce qui marche si on click a chaque fois sur un item différents mais par contre si je click deux fois d'affilé sur un même item et bien ça ne déclenche pas l'évènement (normal vu que la propiété "selectionChanged" n'est pas modifiée)

Donc ma question est comment declencher un événement lors d'un click sur un item de la listbox pour s'affranchir de ce soucis?

apprarement on peut faire quelque chose avec un EventSetter sur tous les ListBoxItem pour permettre un MouseLeftButtonDown sur les items, mais je n'ai rien compris.

je suis debutant en wpf et je vois pas comment mettre cela en oeuvre...

voici ma listbox:

xaml:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<ListBox
            Name="ListParam"
            HorizontalAlignment="Left" 
            Margin="35,96,0,140" 
            Width="266" 
            SelectionChanged="ListParam_SelectionChanged" 
 
            />

remplissage de la listbox:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
public void frmParam_load()
        {
            DB.DBDataSetTableAdapters.ParamDBTableAdapter ParamDBTableadapter = new ParamDBTableAdapter();
            ParamDB = ParamDBTableadapter.GetData();
            ListParam.ItemsSource = ParamDB;
            ListParam.DisplayMemberPath = "Nom_ParamDB";

l'evenement ListParam_SelectionChanged

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
index = ListParam.SelectedIndex;
            if (index != -1)
            {
                TxtboxParam.Text = ParamDB.Rows[index]["Nom_ParamDB"].ToString();
                TxtboxAppliHit.Text = ParamDB.Rows[index]["AppliHit_ParamDB"].ToString();
                TxtboxAppliAu.Text = ParamDB.Rows[index]["AppliAU_ParamDB"].ToString();
                CbboxVR1.SelectedValue = ParamDB.Rows[index]["VR1_ParamDB"].ToString();
                CbboxVR2.SelectedValue = ParamDB.Rows[index]["VR2_ParamDB"].ToString();
            }
            else
            {
                TxtboxParam.Text = "";
                TxtboxAppliHit.Text ="";
                TxtboxAppliAu.Text = "";
                CbboxVR1.SelectedValue = "";
                CbboxVR2.SelectedValue = "";
            }

merci et joyeux noel a tous

**zeavan** · 24/12/2009, 14h56

tu peux tres bien pour cela mettre l'evenement click sur le control de chaque item lui meme.

dans ton datatemplate:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<Button MouseDoubleClick=".." />

**waspy59** · 24/12/2009, 15h04

salut,

ben en fait j'ai trouvé ce tread: http://www.developpez.net/forums/d73...-item-listbox/

j'ai donc essayé de la mettre a ma sauce, a savoir:

xaml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
 <ListBox
            Name="ListParam"
            HorizontalAlignment="Left" 
            Margin="35,96,0,140" 
            Width="266" 
            >
            <Style TargetType="{x:Type ListBoxItem}">
                <EventSetter Event="PreviewMouseLeftButtonDown" Handler="ListBoxItem_PreviewMouseLeftButtonDown" />
            </Style>
        </ListBox>

code behind:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
private void ListBoxItem_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            index = ListParam.SelectedIndex;
            if (index != -1)
            {
                TxtboxParam.Text = ParamDB.Rows[index]["Nom_ParamDB"].ToString();
                TxtboxAppliHit.Text = ParamDB.Rows[index]["AppliHit_ParamDB"].ToString();
                TxtboxAppliAu.Text = ParamDB.Rows[index]["AppliAU_ParamDB"].ToString();
                CbboxVR1.SelectedValue = ParamDB.Rows[index]["VR1_ParamDB"].ToString();
                CbboxVR2.SelectedValue = ParamDB.Rows[index]["VR2_ParamDB"].ToString();
            }
            else
            {
                TxtboxParam.Text = "";
                TxtboxAppliHit.Text ="";
                TxtboxAppliAu.Text = "";
                CbboxVR1.SelectedValue = "";
                CbboxVR2.SelectedValue = "";
            }
        }

ca compile sans soucis mais des que je clique pour afficher la form contenant cette listbox j'ai l'erreur suivante:

Impossible de créer une instance de 'frmParam' définie dans l'assembly 'AuCBmaker, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'. Une exception a été levée par la cible d'un appel. Erreur dans le fichier de balisage 'frmParam.xaml' ligne 2 position 5.

pas compris d'ou venait de probleme

**binoo** · 26/12/2009, 17h03

Salut,

Au moment où ce message arrive, essaies de regarder le détail de l'exception (il faut développer les InnerException). T'auras normalement un message plus explicite.

**zeavan** · 27/12/2009, 09h44

Je reeitere ma solution, quand on utilise wpf il faut penser wpf et plus window form.
Wpf te donne la possibileter te creer un itemtemplate dedans tu met un boutton avec ton evenement click.

**waspy59** · 27/12/2009, 18h46

bonjour,

bon mon erreur viens de l'ajout de ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<Style TargetType="{x:Type ListBoxItem}">
                <EventSetter Event="PreviewMouseLeftButtonDown" Handler="ListBoxItem_PreviewMouseLeftButtonDown" />
            </Style>

et le message d'erreur dans InnerException est

"La collection Items doit être vide pour pouvoir utiliser ItemsSource."

pour zeavan, je comprends ce que tu veux dire mais je n'arrive pas a le mettre en place... tu aurais un exemple pour mon cas?

merci

**Thomas Lebrun** · 28/12/2009, 09h14

Est-ce que tu manipules la collection d'Items directement depuis ton code ? Car tu ne peux pas le faire si tu passes déjà par du binding sur l'ItemsSource.

**waspy59** · 28/12/2009, 13h26

salut,

ben en fait tout est dans mon premier post:

je charge la listbox par le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
public void frmParam_load()
        {
            DB.DBDataSetTableAdapters.ParamDBTableAdapter ParamDBTableadapter = new ParamDBTableAdapter();
            ParamDB = ParamDBTableadapter.GetData();
            ListParam.ItemsSource = ParamDB;
            ListParam.DisplayMemberPath = "Nom_ParamDB";

apres ma listbox en waml se resume a cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 <ListBox
            Name="ListParam"
            HorizontalAlignment="Left" 
            Margin="35,96,0,140" 
            Width="266" 
             />

**Thomas Lebrun** · 28/12/2009, 14h28

Et si tu exécutes ce code, tu as l'erreur indiquée ? Tu ne fais rien d'autre ?

**waspy59** · 28/12/2009, 16h33

re,

ben si je laisse telquel, pas de soucis ca compile et pas d'erreur

par contre, si je rajoute

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<Style TargetType="{x:Type ListBoxItem}">
                <EventSetter Event="PreviewMouseLeftButtonDown" Handler="ListBoxItem_PreviewMouseLeftButtonDown" />
            </Style>

au code xaml de ma listbox et bien j'ai l'erreur au lancement de la form contenant la listbox....

**Thomas Lebrun** · 28/12/2009, 18h09

Donc montre nous le code de la méthode ListBoxItem_PreviewMouseLeftButtonDown

**waspy59** · 28/12/2009, 20h44

le voici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
private void ListBoxItem_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            index = ListParam.SelectedIndex;
            if (index != -1)
            {
                TxtboxParam.Text = ParamDB.Rows[index]["Nom_ParamDB"].ToString();
                TxtboxAppliHit.Text = ParamDB.Rows[index]["AppliHit_ParamDB"].ToString();
                TxtboxAppliAu.Text = ParamDB.Rows[index]["AppliAU_ParamDB"].ToString();
                CbboxVR1.SelectedValue = ParamDB.Rows[index]["VR1_ParamDB"].ToString();
                CbboxVR2.SelectedValue = ParamDB.Rows[index]["VR2_ParamDB"].ToString();
            }
            else
            {
                TxtboxParam.Text = "";
                TxtboxAppliHit.Text ="";
                TxtboxAppliAu.Text = "";
                CbboxVR1.SelectedValue = "";
                CbboxVR2.SelectedValue = "";
            }
        }

en fait j'ai recupéré le code du "ListParam_SelectionChanged" qui lui fonctionne... sauf si on clique sur le même elements de la listbox "ListParam"

**Thomas Lebrun** · 28/12/2009, 22h15

Heu là, je dois avouer que je ne comprend plus trop comment tu peux avoir ce message d'erreur....

**waspy59** · 29/12/2009, 13h44

salut,

je n'ai jamais de bol sur ce genre de truc....

dès qui y a un bug a la con, je me le prends.

sinon pour la proposition de zeavan, comment je fais pour convertir mon exemple avec sa méthode?

si j'ai bien compris, il faut transformer les items de ma listbox en boutons et après on peut gérer les clicks sur ces boutons? c'est bien ca?

Par contre la mise en œuvre....

a l'avance merci

**Thomas Lebrun** · 29/12/2009, 17h14

Tu définis l'ItemTemplate de ta ListBox et tu dis que c'est un bouton.

**waspy59** · 29/12/2009, 23h51

re,

bon j'ai reussi le binding et l'utilisation de bouton comme item pour ma listbox.

mon code C#

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
public void frmParam_load()
        {
            DB.DBDataSetTableAdapters.ParamDBTableAdapter ParamDBTableadapter = new ParamDBTableAdapter();
            ParamDB = ParamDBTableadapter.GetData();
           this.DataContext = ParamDB;
}

le xaml:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 <ListBox
            Name="ListParam"
            HorizontalAlignment="Left" 
            Margin="35,87,0,149" 
            Width="266" 
            ItemsSource="{Binding}"
            IsSynchronizedWithCurrentItem="True"
            >
            <ListBox.ItemTemplate>
                <DataTemplate >
                    <Button Content="{Binding Nom_ParamDB}" 
                                   Width="75"
                                   Height="30"
 
                                   />
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

donc j'ai bien autant de boutons dans ma listbox que d'elements dans le champ "Nom_ParamDB".
Par contre comment lier le bouton cliqué et l'index de la listbox? par exemple si je clique sur le 3eme bouton, faire que l'index soit à 2?

de plus j'aimerai changer le style des boutons pour qu'ils soient identiques au styles des items par defauts des listbox, c'est possible?

**Thomas Lebrun** · 30/12/2009, 09h19

Envoyé par waspy59

Par contre comment lier le bouton cliqué et l'index de la listbox? par exemple si je clique sur le 3eme bouton, faire que l'index soit à 2?

Sur l'évènement Click du bouton, essayes de récupérer la propriété SelectedIndex de ta listbox.

**waspy59** · 30/12/2009, 10h33

salut,

oui j'y ai pensé mais le soucis, c'est que le clcik sur un des boutons est completement independant de l'item de la listbox.

par exemple si je click sur le 3em bouton, le ne vais pas selectionner le 3em element de la listbox. il faut cliquer a coté du bouton pour que l'index soit le bon