[WPF] listbox et click sur item

Version imprimable

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:

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:

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:

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

24/12/2009, 14h56
zeavan

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

dans ton datatemplate:

Code:

<Button MouseDoubleClick=".." />

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:

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:

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:

Citation:

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

26/12/2009, 17h03
binoo

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.
27/12/2009, 09h44
zeavan

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.
27/12/2009, 18h46
waspy59
bonjour,

bon mon erreur viens de l'ajout de ceci:
Code:

1 2 3 4 <Style TargetType="{x:Type ListBoxItem}"> <EventSetter Event="PreviewMouseLeftButtonDown" Handler="ListBoxItem_PreviewMouseLeftButtonDown" /> </Style>
et le message d'erreur dans InnerException est

Citation:

"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
28/12/2009, 09h14
Thomas Lebrun

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.

salut,

ben en fait tout est dans mon premier post:

je charge la listbox par le code:

Code:

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:

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

28/12/2009, 14h28
Thomas Lebrun

Et si tu exécutes ce code, tu as l'erreur indiquée ? Tu ne fais rien d'autre ?
28/12/2009, 16h33
waspy59
re,

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

par contre, si je rajoute
Code:

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....
28/12/2009, 18h09
Thomas Lebrun

Donc montre nous le code de la méthode ListBoxItem_PreviewMouseLeftButtonDown

le voici:

Code:

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"

28/12/2009, 22h15
Thomas Lebrun

Heu là, je dois avouer que je ne comprend plus trop comment tu peux avoir ce message d'erreur....
29/12/2009, 13h44
waspy59

salut,

je n'ai jamais de bol sur ce genre de truc....:aie: 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
29/12/2009, 17h14
Thomas Lebrun

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

re,

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

mon code C#

Code:

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:

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?

30/12/2009, 09h19
Thomas Lebrun

Citation:

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.
30/12/2009, 10h33
waspy59

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
30/12/2009, 11h59
Thomas Lebrun

Lors du clic, utilise la méthode ItemContainerGenerator.ContainerFromItem sur ta ListBox pour récupérer le ListBoxItem associé.
30/12/2009, 21h53
waspy59

oki merci
31/12/2009, 16h48
zeavan

Il serait peut-etre preferable d'utiliser encore les atouts de wpf en utilisant un check box comme celui-ci, dans ton itemTemplate.

Code:

<CheckBox IsChecked="{Binding Path=IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}}" />
02/01/2010, 23h46
waspy59

bonne année et meilleurs vœux a tous,

merci zeavan pour ton idée, je suis en train de creuser dans ce sens... as tu un lien pour une source utilisant cela?

merci
07/01/2010, 13h32
Thrud

Salut,

Pour suivre les idées de zeavan, (et penser wpf, donc), si tes boutons font partie du DataTemplate que tu associes à tes ListBoxItem, dans le DataContext de ton bouton (donc le 'sender' que tu reçois en premier paramêtre de ton handle de click), tu peux retrouver l'objet auquel est associé le ListBoxItem.

Si l'index dont tu as besoin est fait juste pour récupérer cet objet, tu n'en as pas besoin.

Hello,

Pour ajouter ta balise <Style> à ta Listbox, il faut déjà la placer dans ces balises :

Code:

<ListBox.Style></ListBox.Style>

Ce qui donnera :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <ListBox Name="ListParam" HorizontalAlignment="Left" Margin="35,96,0,140" Width="266" > <ListBox.Style> <Style TargetType="{x:Type ListBoxItem}"> <EventSetter Event="PreviewMouseLeftButtonDown" Handler="ListBoxItem_PreviewMouseLeftButtonDown" /> </Style> </ListBox.Style> </ListBox>
Et cela réglera ton pb il me semble non ?

Jmix90
http://blog.lexique-du-net.com/