Command et databinding avec Silverlight 3

Version imprimable

20/07/2010, 10h46
johnaliashead

Command et databinding avec Silverlight 3

bonjour

j'essaye de mettre en place une petite appli test pour découvrir Silverlight et MVVM.

Seulement voila je ne trouve pas énormément de sources potables d'appli exemples en Silverlight 3.

J'essaye de mettre en place un tableau de personnes avec un bouton rafraichir, jusque là tout va bien.

Déjà, je souhaite utiliser un ViewModel statique de mon Locator pour créer le datacontext de ma page xaml, parfait je trouve des exemples, malheureusement en WPF, et ça donne, par exemple:

Code:

DataContext="{Binding Source={x:Static vm:Locator.PersonneViewModelStatic}}"

Déjà, ce code ne fonctionne pas avec Silverlight. Y a t il un équivalent ?

ensuite, je souhaite binder une command a mon bouton rafraichir, et là pareil, pas de propriété command pour ce composant (apparement en SL4 le "problème" est résolu). Je trouve ces exemples:

Code:

<Button Content="Save" Command="{Binding CommandRafraichir}" Width="120" Height="40" />

comment faire le binding de mon boutton vers ma commandRafraichir ?

merci

Bonjour,

Il me semble que Static n'existe pas en SL

Code:

DataContext="{Binding Source={x:Static vm:Locator.PersonneViewModelStatic}}"

Tu dois pouvoir remplacer par cela par exemple :
Code:

1 2 3 4 5 6 7 8 9 <Grid x:Name="LayoutRoot"> <Grid.Resources> <vm:Locator.PersonneViewModel x:Name="MonViewModel"/> </Grid.Resources> <Button DataContext="{Bindind Source={StaticResource MonViewModel}}"/> </Grid>

j'ai essayé mais ça ne marche pas, il ne connait pas la définition de mon locator.personnelViewModel

voici le contenu de mon locator:

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
namespace AppliMVVM
{
    public class Locator
    {
        public Locator()
        {
            CreatePersonnelViewModel();
        }
 
        public static void Dispose()
        {
            // Call ClearViewModelName() for each ViewModel.
        }
 
        #region PersonnelViewModel property
        private static PersonnelViewModel _personnelViewModel;
 
        /// <summary>
        /// Gets the PersonnelViewModel property.
        /// </summary>
        [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Performance",
            "CA1822:MarkMembersAsStatic",
            Justification = "This non-static member is needed for data binding purposes.")]
        public PersonnelViewModel PersonnelViewModel
        {
            get
            {
                return PersonnelViewModelStatic;
            }
        }
 
        /// <summary>
        /// Gets the PersonneViewModel property.
        /// </summary>
        public static PersonnelViewModel PersonnelViewModelStatic
        {
            get
            {
                if (_personnelViewModel == null)
                {
                    CreatePersonnelViewModel();
                }
 
                return _personnelViewModel;
            }
        }
 
        /// <summary>
        /// Provides a deterministic way to create the PersonneViewModel property.
        /// </summary>
        public static void CreatePersonnelViewModel()
        {
            _personnelViewModel = new PersonnelViewModel();
        }
 
        /// <summary>
        /// Provides a deterministic way to delete the PersonneViewModel property.
        /// </summary>
        public static void ClearPersonnelViewModel()
        {
            if (_personnelViewModel != null)
            {
                _personnelViewModel.Dispose();
                _personnelViewModel = null;
            }
        }
        #endregion
    }
}

j'ai essayé avec les noms exacts mais rien à faire.

et puis je n'ai pas encore testé mais il y a une chose qui me semble bizare, c'est que mon ViewModel contient une collection de personnes et plusieurs commandes, mais dans le code que tu m'a écrit, comment binder mon bouton a mon ICommand ? car là ça binde uniquement sur mon ViewModel...

20/07/2010, 14h36
Samuel Blanchard
Citation:

j'ai essayé mais ça ne marche pas, il ne connait pas la définition de mon locator.personnelViewModel

Ce que je voulais te montrer c'est comment remplacer un x:Static par un StaticResource maintenant à toi d'adapter la chose à ton cas.

Le membre PersonneViewModelStatic qui est static ne sera pas vu du Binding mais tu peux le passer en tant que propriété en faisant ça par exemple :
Code:

1 2 3 4 5 6 7 public PersonneViewModel PersonneViewModel { get { return PersonneViewModelStatic; } }
Citation:

et puis je n'ai pas encore testé mais il y a une chose qui me semble bizare, c'est que mon ViewModel contient une collection de personnes et plusieurs commandes, mais dans le code que tu m'a écrit, comment binder mon bouton a mon ICommand ? car là ça binde uniquement sur mon ViewModel...

Ou se trouve ta commande ? si elle est statique elle ne sera pas vu du Binding donc pourquoi ne pas l'enlever ? Si la source du Binding ne correspond pas à ce que tu veux, change la ;)

je vais réexpliquer mon problème plus en détails:

au départ, j'ai voulu calquer mon application Silverlight sur un exemple d'applications WPF que j'avais vu, et dont le fichier XAML est le suivant:
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 <UserControl x:Class="WpfApplication1.PersonneModule.PersonneView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vm="clr-namespace:WpfApplication1" DataContext="{Binding Source={x:Static vm:Locator.PersonneViewModelStatic}}"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <TextBlock Text="Nom" Grid.Row="0" VerticalAlignment="Center"/> <TextBlock Text="Prénom" Grid.Row="1" VerticalAlignment="Center"/> <TextBox Text="{Binding Personne.Nom}" Grid.Row="0" Grid.Column="1" VerticalAlignment="Center"/> <TextBox Text="{Binding Personne.Prenom}" Grid.Row="1" Grid.Column="1" VerticalAlignment="Center"/> <Button Content="Save" Command="{Binding SaveCommand}" Grid.Row="2" Grid.ColumnSpan="2" Width="120" Height="40" /> <TextBlock Text="Effacez le contenu du prénom pour voir..." Grid.Row="3" Grid.ColumnSpan="2" VerticalAlignment="Center"/> </Grid> </UserControl>
cette page XAML fait appel à un locator pour obtenir une instance de son ViewModel, et appelle par la suite plusieurs propriétés publiques bindées dans des champs (Personne.Nom, Personne.Prenom, et SaveCommand qui est un ICommand et qui s'éxécutera au clic sur le bouton de sauvegarde).

Mes deux soucis sont les suivants:
* l'appel au datacontext de mon controlUser, pas sur les composants de ma page, mais bien sur mon controlUser entier.
* l'équivalent du paramètre "Command" en Silverlight, car il n'est pas disponible pour un bouton.

Pour te répondre samoteph, j'ai bien un getter public qui retourne mon ViewModel dans mon locator (cf le code de mon locator, j'ai les deux appels, le statique et le non statique).
Et dans mon ViewModel, j'ai une ObservableCollection et trois ICommand, tous publiques, je ne sais juste pas la syntaxe pour appeler cette commande..

Citation:

Pour te répondre samoteph, j'ai bien un getter public qui retourne mon ViewModel dans mon locator (cf le code de mon locator, j'ai les deux appels, le statique et le non statique).

j'avais pas vu :aie:
Code:

1 2 3 4 5 6 7 8 9 <Grid x:Name="LayoutRoot"> <Grid.Resources> <vm:Locator x:Name="Locator"/> </Grid.Resources> <Button DataContext="{Bindind PersonneViewModel, Source={StaticResource Locator}}"/> </Grid>

21/07/2010, 09h33
johnaliashead

bon je viens d'essayer ce code et ça ne marche toujours pas..

Citation:

the tag binding does not exist in XML namespace.

je ne comprend pas la syntaxe exacte à utiliser

je veux accéder a locator -> PersonnelViewModel -> RafraichirPersonnel (ICommand)..

tu n'aurai pas un petit programme exemple en Silverlight qui utilise un locator, des icommand .. etc ça m'aiderai bien et je ne trouve que du WPF..

Pour l'implémentation de ICommand en SL3 je te conseille MVVM Light de Laurent Brugnon :

Un petit tuto de Nico dessus (regarde spécialement le chapitre 4.1)

http://nico-pyright.developpez.com/t...t-silverlight/

Pour revenir à notre souci de Binding :
Code:

1 2 3 4 5 6 7 8 <Grid x:Name="LayoutRoot"> <Grid.Resources> <vm:Locator x:Name="Locator"/> </Grid.Resources> <Button Content="Save" cmd:ButtonBaseExtensions.Command="{Bindind Path=PersonneViewModel.RafraichirPersonnel, Source={StaticResource Locator}}"/> </Grid>
Ce qui est important de comprendre ici c'est la façon dont procède le Binding pour obtenir l'information.

Tout d'abord avec le paramètre Source tu obtiens l'instance de Locator que tu as déclaré dans les ressources. Puis tu peux utiliser Path pour te balader dans la structure de Locator. Ainsi on va chercher les propriétés PersonneViewModel et enfin RafraichirPersonnel.

C'est une façon de faire, il en existe d'autre...

21/07/2010, 10h42
chrisdot

++ pour l'utilisation de MVVMlight!!
22/07/2010, 18h04
johnaliashead

oui j'utilise bien le MVVM light toolkit pour mettre en place ;)

j'ai réussi a ajouter la référence à mon ViewModel au travers de mon locator:

Code:

DataContext="{Binding PersonnelViewModelStatic, Source={StaticResource Locator}}"

par contre je n'arrive pas encore a binder mon boutton à mon ICommand, à cause de:

Code:

cmd:ButtonBaseExtensions.Command="{Binding rafraichir}"

j'ai pourtant référencé les 3 binaires Galasoft et ajouté dans l'entête du userControl:

Code:

xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras"

mais rien à faire il ne connait pas cmd:ButtonBaseExtensions .. des idées?

Peut-être as-tu oublié d'ajouter le namespace de MvvmLight.Command. Moi j'ai 2 lignes dans mon code:
Code:

1 2 xmlns:mvvmltk="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight" xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras"

27/07/2010, 09h36
johnaliashead

oui j'ai trouvé l'erreur hier en effet . c'est bien le mvvmLight.Extras qui posait problème, car il ne contient pas le ButtonBaseExtension.. il fallait juste enlever le .Extras.

merci ;)