comment récupérer un element dans un listbox via un template d'element

Version imprimable

28/04/2009, 10h11
Pol63

comment récupérer un element dans un listbox via un template d'element

bonjour

j'ai un listbox dans lequel j'ajoute des elements typés une classe non graphique
j'ai un template pour cet element sur lequel il y entre autre un bouton
sur ce bonton j'accroche un évènement via xaml sur le click

comment récupérer l'élément dans le code behind pour pouvoir faire un traitement sur l'instance ??

question subsidiaire, je voudrais que mon bouton ne soit visible que quand ma souris est sur l'element
template : grid (image textblock button)
j'ai essayé un style avec un trigger sur grid.ismouseover mais ca n'a pas l'air de se délencher

merci
28/04/2009, 11h39
binoo

Salut,

Citation:

Envoyé par sperot51

comment récupérer l'élément dans le code behind pour pouvoir faire un traitement sur l'instance ??

Une solution rapide serait de mettre dans la propriété Tag du bouton l'élément en question. El dans l'événement clic du bouton, en castant le sender, tu pourras récupérer ce fameux Tag et donc ton élément.

Citation:

Envoyé par sperot51

question subsidiaire, je voudrais que mon bouton ne soit visible que quand ma souris est sur l'element
template : grid (image textblock button)
j'ai essayé un style avec un trigger sur grid.ismouseover mais ca n'a pas l'air de se délencher

Je me demande si tu ne dois pas mettre un background pour que cela fonctionne... Teste vite fait avec background et si j'ai raison, utilise un background très très transparent mais pas totalement :aie:
28/04/2009, 11h52
Pol63

le tag j'y avais pensé, mais ca fait moyennement propre
m'enfin ca marche oui

pour le background je comprends pas trop ce que tu dis
j'ai déjà vu des webcasts où des boutons apparaissent quand la souris passe sur l'élément c'est que ca doit etre faisable
28/04/2009, 12h10
binoo

Citation:

pour le background je comprends pas trop ce que tu dis
j'ai déjà vu des webcasts où des boutons apparaissent quand la souris passe sur l'élément c'est que ca doit etre faisable

Je suis pas sûr de ce que j'avance, mais si tu mets un background (autre que transparent) à ta Grid sur laquelle tu vérifies le IsMouseOver est-ce que cela fonctionne ?
28/04/2009, 14h06
zax-tfh

sperot, si tu utilises le e.source dans ton evenement, ne peux tu pas remonter sur son parent ? ou un truc dans ce gout là.

Pour ton histoire d'apparition de bouton, je te conseillerai d'utiliser Blend pour comprendre comment cela fonctionne. J'ai appris pas mal de choses avec ;)
Il est possible que ton Trigger ne soit pas appliqué au bon élément. Creuses dans cette direction. (d'ailleurs le style comportant ton trigger est appliqué sur quoi ? sur le grid ? si oui, essayes de le faire sur autre chose, un élément contenu dans ta grille par exemple, pour le test)
28/04/2009, 15h00
Thomas Lebrun

Citation:

Envoyé par binoo

Je suis pas sûr de ce que j'avance, mais si tu mets un background (autre que transparent) à ta Grid sur laquelle tu vérifies le IsMouseOver est-ce que cela fonctionne ?

En fait, peut importe la couleur que tu assignes tant que tu changes l'alpha ;)

mon style est appliqué sur le bouton, c'est ptete là que ca cloche, je devrais peut etre le mettre sur le grid
enfin wpf n'est pas très intuitif, une fois qu'on a compris un fonctionnement, on en voit la puissance et on arrive à le réécrire mais ca reste beaucoup de recherche ...

je suis en train de partir sur un autre concept, les commandes, vu que le but c'est que quand je clic sur mon bouton (qui fait partie du template d'une classe non graphique) je veux executer une sub en rapport avec mon instance dans le listbox
avec click="" on peut mettre une sub dans le form, mais je voudrais plutot appeler une sub sur l'instance, mais je ne vois pas comment, et je suis pas sur que les wpf commands répondent à ce besoin, j'ai du mal à cerner comment ca fonctionne dans les exemples que je trouve
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <DataTemplate DataType="{x:Type db:Database}"> <Grid Margin="2"> <Grid.ColumnDefinitions> <ColumnDefinition Width="30"/> <ColumnDefinition /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Image Width="20" Height="20" Grid.Column="0" Source="/Resources/DataBase.png"/> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Column="1" Text="{Binding Path=Name}"/> <Button Margin="4" Grid.Column="2" >  <Image Width="20" Height="20" Source="/Resources/save.png"/> </Button> </Grid> </DataTemplate>
au passage ca serait bien si le forum pouvait nous mettre en page le xaml !

28/04/2009, 15h50
zax-tfh

Les commandes risquent d'etre tout à fait adaptées à ton besoin.
Il faut savoir qu'elles ne se placent pas sur l'attribut Click mais sur l'attribut Command.

Perso j'utilise tout le temps les commandes (exit les evenements !) et dans ton cas, il faudrait que tu utilises le binding pour recuperer la commande de l'item. Donc dans ton template cela donnerai quelque chose dans ce gout là :

<button command={binding MaCommande}>Click me</Button>

où MaCommande est une propriété de ton instance bindée sur le listboxitem.
28/04/2009, 16h09
Pol63

Citation:

Envoyé par zax-tfh

où MaCommande est une propriété de ton instance bindée sur le listboxitem.

hein ?
:aie:

et la commande je l'écris sur ma classe ?
faut implémenter ICommand ? sur ma classe ? sur une classe qui ne fait que la commande ?

Beh tout dépend de ce que tu veux faire.
Imaginons une classe MaClasse
Imaginons une liste MaListe = List(Of MaClasse)

Tu binde MaListe sur ton listbox.
Dans ton itemtemplate tu as un bouton par ligne (en gros un bouton par occurence de MaClasse)
Si tu veux que ton bouton agisse sur les données de ton occurence (de ta ligne), il faut effectivement que tu aies une commande à l'interieur de MaClasse.

Pour l'implémentation d'une commande, je te recommande l'excellente classe créée par je ne sais plus qui qui s'appelle RelayCommand.

Entraines toi d'abord sur un projet tout simple avec un bouton et une commande, c'est préférable pour commencer.

Concernant le principe de la relayCommand :

Tu as ton objet de type MaClasse qui est bindée à ton xaml (datacontext, element de listbox, ou autre,peut importe)
Dans cette classe, tu as une propriété qui retourne un relaycommand.

Ca ressemble à ca en VB :
Code:

1 2 3 4 5 6 Private C_OuvrirProjet As New RelayCommand(AddressOf OuvrirProjet, AddressOf PeutOuvrirProjet) Public ReadOnly Property COuvrirProjet() As ICommand Get Return C_OuvrirProjet End Get End Property
Dans ton xaml, au niveau du bouton tu fais ceci :

Code:

<button command={Binding COuvrirProjet}>Ouvrir</Button>

En cliquant sur le bouton ca va recuperer la commande, et lancer la sub "OuvrirProjet" (que l'on a indiqué par le "Addressof OuvrirProjet" dans le new du relaycommand)

En plus, ce concept est génial car tu as la fonction PeutOuvrirProjet qui doit retourner un boolean. Donc en gros, c'est toi qui dit quand est-ce que le bouton peut etre cliquable ou pas (selon le contexte de ton objet)

Des questions ? ;)

Edit : D'après ce que je comprend, tu n'utilises pas le design pattern MVVM. Donc petit conseil au passage, jettes-y un oeil ! tu vas voir c'est que du bonheur ^^

ca a pas l'air de fonctionner

template (qui s'affiche bien) :

Code:

1
2
 
<Button    Margin="4" Grid.Column="2"  Command = "{Binding Save}">

mon implémentation perso du RelayCommand ^^ :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
Public Class RelayCommand
    Implements ICommand
 
    Public Delegate Sub ExecuteDelegate(ByVal Parameter As Object)
    Public Delegate Sub CanExecuteDelegate(ByVal Parameter As Object)
 
    Private _execute As [Delegate]
    Private _canexecute As [Delegate]
 
 
    Public Sub New(ByVal execute As ExecuteDelegate)
        Me.New(execute, Nothing)
    End Sub
 
    Public Sub New(ByVal execute As ExecuteDelegate, ByVal canExecute As CanExecuteDelegate)
        If execute Is Nothing Then Throw New ArgumentNullException("execute")
 
        _execute = execute
        _canexecute = canExecute
    End Sub
 
 
 
    Public Sub Execute(ByVal parameter As Object) Implements System.Windows.Input.ICommand.Execute
        _canExecute.Method.Invoke(Nothing, New Object() {parameter})
    End Sub
 
 
 
    Public Function CanExecute(ByVal parameter As Object) As Boolean Implements System.Windows.Input.ICommand.CanExecute
        If _canExecute Is Nothing Then Return True
        Return DirectCast(_canExecute.Method.Invoke(Nothing, New Object() {parameter}), Boolean)
    End Function
 
    Public Event CanExecuteChanged(ByVal sender As Object, ByVal e As System.EventArgs) Implements System.Windows.Input.ICommand.CanExecuteChanged
 
End Class

le code de ma classe templatée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
Namespace DBClasses
 
    Public Class DataBase
 
        Public Sub New(ByVal DB As Microsoft.SqlServer.Management.Smo.Database)
            _SmoDataBase = DB
        End Sub
 
 
        Private _SmoDataBase As Microsoft.SqlServer.Management.Smo.Database
        Public ReadOnly Property SmoDataBase() As Microsoft.SqlServer.Management.Smo.Database
            Get
                Return _SmoDataBase
            End Get
        End Property
 
        Public ReadOnly Property Name() As String
            Get
                Return SmoDataBase.Name
            End Get
        End Property
 
 
        Private _CommandSave As New RelayCommand(AddressOf Save, AddressOf CanSave)
        Public ReadOnly Property CommandSave() As ICommand
            Get
                Return _CommandSave
            End Get
        End Property
 
        Private Sub Save(ByVal Parameter As Object)
 
        End Sub
 
        Private Sub CanSave(ByVal Parameter As Object)
 
        End Sub
 
 
    End Class
 
End Namespace

sur la ligne Private _CommandSave As New RelayCommand(AddressOf Save, AddressOf CanSave) ca passe bien en debug dans le new de mon RelayCommand

par contre sur le clic du bouton il se passe rien ...
(certes les subs sont vides mais j'ai mis des points d'arret)

28/04/2009, 18h15
binoo

Sur le binding, il faut mettre la propriété et non la méthode. Donc en essayant de déchiffrer le vb (dsl), je dirais que c'est plutot CommandSave que Save.

soit quelque chose comme ça :

Code:

<Button Margin="4" Grid.Column="2" Command="{Binding CommandSave}" >

Citation:

au passage ca serait bien si le forum pouvait nous mettre en page le xaml !

Tu peux ajouter "=xml" dans la balise CODE pour que ce soit plus lisible, comme tu l'a peut être fait pour le code vb avec "=vb" ou le code c# avec "=c#"
28/04/2009, 19h53
Pol63

ah oui j'suis con ca marche mieux en effet

par contre mon implémentation du relaycommand est pas encore top, m'enfin ca devrait aller

merci à tous
28/04/2009, 20h20
binoo

Tu as dans le lien qui suit l'implémentation de la classe RelayCommand (figure 3) faite par son auteur, Josh Smith. L'article est d'ailleurs excellent :
http://msdn.microsoft.com/en-us/magazine/dd419663.aspx
28/04/2009, 21h53
zax-tfh

Sperot, sincerement réutilise la classe de Josh Smith, ne réinvente pas la poudre, tu verras que dans les projets c'est un bonheur de l'utiliser (cf mon code plus haut, tu vois qu'il n'y a que la définition d'une property en readonly avec initialisation de son attribut (le new RelayCommand) et ensuite y'a plus qu'à créer la sub d'execution et la function de test de faisabilité....

En plus la classe de Josh prend en charge les commandes sans argument mais aussi celles avec arguments ! c'est pas wonderful ça ?

Tu trouveras sa classe plus complete que celle de l'article de Krosoft ici : http://www.codeproject.com/KB/WPF/In...zedWizard.aspx
28/04/2009, 22h41
Pol63

je comprends tout à fait oui

mais je voulais que l'intellisense me propose adresseof et pour ca il me fallait une variable delegué

je sais je chipote m'enfin c'est juste l'invoke qui passe pas, rien de bien grave je pense, je regarderais demain ce que j'ai raté

sinon en effet je reprendais sa classe l'intellisense c'est pas primordial non plus
28/04/2009, 23h17
zax-tfh

Pour info, l'intellisense fonctionne très bien chez moi ;) il me propose l'adressof, le nom de la sub et tout le toutim :D