mvvm: Command sur bouton dans un datagrid ne fonctionne pas

Version imprimable

Bonjour,

Dans une page, j'ai un le bouton suivant qui fonctionne à merveille:

Code:

1
2
3
4
 
 <Button  Command="{Binding CreateCommand}" Height="22"   Width="22" ToolTipService.ToolTip="Ajouter un nouvel utilisateur" >
                                    <Image Margin="0" Source="/myAppli ;Component/Images/Add.png" Stretch="Fill"/>
                                </Button>

le même bouton que je mets dans un datagrid, et le Command ne fonctionne plus !!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<sdk:DataGrid AutoGenerateColumns="False" ItemsSource="{Binding JUsers,Mode=TwoWay, UpdateSourceTrigger=Default}" SelectedItem="{Binding SelectedJUser , Mode=TwoWay}"  HorizontalAlignment="Left" Margin="22,4,0,0" Name="dataGrid1" VerticalAlignment="Top" >
 
 <sdk:DataGrid.Columns>
                <sdk:DataGridTextColumn Header="Nom" Binding="{Binding JUserNom,Mode=TwoWay}" Width="150" IsReadOnly="True" />
 
                <data:DataGridTemplateColumn x:Name="bkTemplateColumn" Header="login Internet" Width="200"  >
                    <data:DataGridTemplateColumn.CellTemplate >
                        <DataTemplate x:Name="bkDataTemplate" >
                            <StackPanel Orientation="Horizontal">
 
                                <Button  Command="{Binding CreateCommand}" Height="22"   Width="22" ToolTipService.ToolTip="Ajouter un nouveau JUser" >
                                    <Image Margin="0" Source="/myAppli ;Component/Images/Add.png" Stretch="Fill"/>
                                </Button>
 
                            </StackPanel>
 
                        </DataTemplate>
                    </data:DataGridTemplateColumn.CellTemplate>
                </data:DataGridTemplateColumn>
 
            </sdk:DataGrid.Columns>
        </sdk:DataGrid>

La seule explication que je vois est que mon Datagrid est lui-même bindé à "JUsers" et que mon "Command="{Binding CreateCommand}" " n'est pas une propriété de "JUsers".

Comment lier juste ce bouton au ICommand de mon ViewModel ?

09/11/2011, 16h49
Thomas Lebrun

C'est en effet un problème de DataContext comme tu l'indiques.

Pour que ça marche, il faut la collection source (JUsers) expose, pour chacun des éléments, une commande.

Donc, si ta JUsers est rempli avec des JUser, il faut que la classe JUser expose une commande CreateCommand.
09/11/2011, 17h16
Golzinne

Cà c'est plutôt embêtant, parceque me mon JUser est une entité qui me vient de SQLServer, Edmx,...

Donc ça voudrait dire que je dois me créer un JUser2 qui hérite de JUser et qui lui rajoute quoi ? une ICommand ?

Entretemps, j'ai trouvé cet intéressant post:

http://stackoverflow.com/questions/5...-in-a-datagrid

qui traite bien du même problème, mais je pense que ça doit marcher en WPF et pas en Silverlight. Merci de ton aide.:ccool:

PS: sinon, il me reste à utiliser le bon vieux Click qui accède en codebehind directement à ma procédure dans mon ViewModel...:?
09/11/2011, 17h24
Nathanael Marchand

Le coup du ElementName marche en silverlight normalement. (Ou y'a une subtilité du genre ca marche dans une listbox et pas dans une datagrid).
Sinon t'as la possibilité de passer par un proxy déclaré en ressources et qui référence le datacontext de ton usercontrol.
Enfin, les classes de proxy wcf sont déclarées en partial donc tu peux rajouter un bout partial sans en dériver.
09/11/2011, 22h05
Golzinne

chez moi, en tous cas, et je l'ai testé deux fois:

Code:

<Button x:Name="btnJUser" Width="50" Command="{Binding DataContext.CreerEffacerLoginInternetCommand, ElementName=dataGrid1}" ToolTipService.ToolTip="{Binding JUserAspNetUserId, Converter={StaticResource locTooltipAddDeleteConverter}}" Height="20" Margin="5,0">

le elementName ne fonctionne pas
09/11/2011, 23h39
Nathanael Marchand

Un de mes collègues a écrit un post à ce sujet:
http://cyril.cathala.org/blog/2011/0...-datatemplate/
11/11/2011, 15h45
Golzinne

Merci Nathanael pour ce lien très intéressant qui démontre bien que le datagrid est un cas plus difficile à traiter.

J'ai fait une entorse au mvvm et j'ai finalement utilisé le code behind:oops::oops:

mais je garde ton lien sous le coude pour une prochaine fois.