Discussion :

[johnaliashead]

Bonjour

je souhaite faire une datagrid avec pour chaque ligne un bouton pour "sélectionner" la ligne et valider son choix.

Seulement voila, avec l'utilisation de mvvm et du "command", ça ne fonctionne pas..

voici mon code côté view model:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
        private void instancierMaCommande()
        {
            maCommande= new RelayCommand<objetBinde>(ExecuteMaCommande);
        }
 
        public ICommand maCommande{ get; internal set; }
 
        public void ExecuteMaCommande(objetBinde param)
        {
              //.... là où je souhaite arriver avec mon paramètre...
              //objetBinde est le type d'objet utilisé dans l'observableCollection bindée à madatagrid..
        }

(bien entendu "instancierMaCommande" est appelé dans mon constructeur par défaut..)

côté IHM voici ma datagrid:

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
<sdk:DataGrid x:Name="dg" AutoGenerateColumns="False" ItemsSource="{Binding maListe}" >
                    		<sdk:DataGrid.Columns>
                                <sdk:DataGridTextColumn Binding="{Binding Numero}" Header="Num" />
                                <sdk:DataGridTextColumn Binding="{Binding Nom}" Header="Nom" Width="100"/>
                                <sdk:DataGridTemplateColumn>
                                    <sdk:DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <Button x:Name="monBtn" Content="choisir" >
                                                <i:Interaction.Triggers>
                                                    <i:EventTrigger EventName="Click">
                                                        <i:InvokeCommandAction Command="{Binding Path=maCommande}" CommandParameter="{Binding SelectedItem, ElementName=dg} " />
                                                    </i:EventTrigger>
                                                </i:Interaction.Triggers>
                                            </Button>
                                        </DataTemplate>
                                    </sdk:DataGridTemplateColumn.CellTemplate>
                                </sdk:DataGridTemplateColumn>
                    		</sdk:DataGrid.Columns>
                    	</sdk:DataGrid>

voilà je sais que l'erreur vient du binding à ma command mais je ne sais pas comment la résoudre..

[Nathanael Marchand]

Essaie:

Code :

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

Command="{Binding Path=DataContext.maCommande, ElementName=dg}"

[johnaliashead]

désolé ça ne fonctionne pas..

[Nathanael Marchand]

désolé ça ne fonctionne pas..

Peux tu détailler?
L'idée serait de rajouter un converter de debug sur lequel tu puisses te brancher.
http://blogs.msdn.com/b/wpfsldesigne...plication.aspx

[johnaliashead]

dans la fenêtre de sortie après quelques seconde j'ai

Le thread '<Sans nom>' (0xd90) s'est arrêté avec le code 0 (0x0).

puis d'autres arrivent encore quelques secondes après..

pourtant les autres champs de mon tableau s'affichent bien donc le dataContext est bon, et j'ai bien vérifié ma commande est bien déclarée côté viewModel ..

y a t il un moyen simple et efficace pour arriver a faire marcher cette commande?

[Nathanael Marchand]

Ah mais oui! Je crois que y'a un bug, le ElementName ne fonctionne pas dans un binding qu'est dans un DataGrid (j'ai entendu ca une fois).

[johnaliashead]

mais dans ce cas comment faire ? après peut importe le procédé, mais juste afficher un bouton par ligne et executer une commande avec paramètres ça doit être possible quand même ?

[Nathanael Marchand]

mais dans ce cas comment faire ? après peut importe le procédé, mais juste afficher un bouton par ligne et executer une commande avec paramètres ça doit être possible quand même ?

La solution est que la commande ne soit pas sur le viewmodel global mais plutot qu'il y'ait une commande sur chaque ligne.

[johnaliashead]

et comment mettre ça en place. as tu un exemple?

[johnaliashead]

c'est bon j'ai fait une autre méthode, que je trouve assez moche mais qui fonctionne :
je binde la propriété "ItemSelected" de ma datagrid a un objet dans mon viewModel.
Pour mes boutons, au clic, j'ai une méthode dans "maPage.xaml.cs" qui appelle mon viewModel via "Locator.MonViewModelStatic.maMethode()"..

[Nathanael Marchand]

c'est bon j'ai fait une autre méthode, que je trouve assez moche mais qui fonctionne :
je binde la propriété "ItemSelected" de ma datagrid a un objet dans mon viewModel.
Pour mes boutons, au clic, j'ai une méthode dans "maPage.xaml.cs" qui appelle mon viewModel via "Locator.MonViewModelStatic.maMethode()"..

Tu peux utiliser les triggers sinon (dans le sdk expression blend) ca a l'avantage est que tout se fait dans le xaml

[chrisdot]

c'est bon j'ai fait une autre méthode, que je trouve assez moche mais qui fonctionne :
je binde la propriété "ItemSelected" de ma datagrid a un objet dans mon viewModel.
Pour mes boutons, au clic, j'ai une méthode dans "maPage.xaml.cs" qui appelle mon viewModel via "Locator.MonViewModelStatic.maMethode()"..

Sinon, il y a une solution assez élégante ici. En gros on récupère le DataContext à travers un objet ( datacontextproxy ) en resource du control.
Je faisais comme toi jusqu'au jour où j'ai eu besoin de faire ça dans un childwindow (sachant que je gère le binding dans un dialog manager, et n'ai donc pas le DataContext ni dans un locator, ni dans un viewmodel dans les resources)

[john-thiriet]

Hello,

Je plussoie la solution de chrisdot.
A titre informatif j'ai fait une version utilisant le framework nRoute. Implémenter la même chose en custom est très simple et rejoint à peu de choses près la solution de chrisdot.

Tout ce passe ici côté Xaml :



A - On créer une CommandRelay (ne pas confondre avec RelayCommand du MVVMLight) en ressource du UserControl. L'avantage des ressources c'est qu'elles sont accessibles dans toutes les feuilles de ton arbre visuels, DataTemplate compris.
Cette CommandRelay va servir à enregistrer une commande définie dans le viewmodel en ressource.

B - On map le view model (équivalent à UserControl.DataContext = new ViewModel())

C - Ce behavior permet d'enregistrer la commande en fichier de ressource (la même chose est faisable en code behind). Ici on dis : "Met moi la commande ShowAuthorCommand dans la ressource ShowAuthorCommandRelay".

D - On Invoque la commande lors du clic du bouton dans notre DataGrid. La commande que l'on a enregistrée précédemment est accessible via la propriété Command du CommandRelay. Dans le binding on précise que la commande se trouve dans ShowAuthorCommandRelay grâce à la propriété Source.

Et voilà c'est fini.

A titre d'infos j'ai uploadé le code source de cette petite démo sur mon skydrive ici => http://cid-4fcd8d9fd7881953.office.l...ayCommands.zip

Et je t'invite à aller voir les source du framework nRoute si tu veux reproduire ce qu'il propose sans l'utiliser. C'est assez simple à faire.

Bon courage pour la suite.