Discussion :

[OhKerod]

Bonjour,

je suis débutant sur Windows phone et j'ai un peu du mal à comprendre la liaison de donnée surtout dans le cas qui est le mien en fait.

A ce jour mon appli se présente en un ensemble de vue que j'aimerai relier à des classes qui sont mes ViewModels.
Voici la ViewModel Personne (simplifiée):

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
public class Personne : INotifyPropertyChanged  
    {
 
        public string Id {get; set;}
        public string DisplayName {get; set;}
        public string FamilyName {get; set;}
        public string GivenName { get; set; }
        public string Email { get; set; }
        public string FixedLineNumber { get; set; }
        public string FixedLineShortNumber { get; set; }
        public string MobilePhoneNumber { get; set; }
 
        public Personne()
        {
        }
 
        public Personne(string xml, TypePersonne typePersonne)
        {
 
            if(string.IsNullOrEmpty(xml))
                return;
            XElement xResultat = XElement.Parse(xml);
            this.Email = xResultat.Element("Mail").Value;
            this.MobilePhoneNumber = xResultat.Element("NumMobile").Value;
            this.DisplayName = xResultat.Element("NomAffichage").Value;
            this.FamilyName = xResultat.Element("Nom").Value;
            this.GivenName = xResultat.Element("Prenom").Value;
            this.Id = xResultat.Element("Matricule").Value;
            this.FixedLineNumber = xResultat.Element("NumFixe").Value;
 
        }
 
        public event PropertyChangedEventHandler PropertyChanged;
 
        private void NotifyPropertyChanged(String propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (null != handler)
            {
                handler(this, new PropertyChangedEventArgs(propertyName));
            }
        }

Je souhaite relier ces données à ma page xaml...J'aimerai le faire depuis la page xaml même, en référançant la classe Personne...Je ne veux pas le faire en définissant le DataContext dans ma classe.

Voci mon xaml:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<phone:PhoneApplicationPage 
    x:Class="AnnuaireBytel.Views.DetailPers"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="728"
 
    xmlns:local="clr-namespace:AnnuaireBytel.ViewModels"
 
   >

J'aimerai dans l'idéal lié globalement mon xaml à ma classe Personne(ou plus justement à une instance) et après j'aurai qu'à binder sur les propriétés qui m'intéresse pour chaque élément dans ma vue...

Qu'est ce que vous me conseillez ?

Merci d'avance,

[DotNET74]

Hello,

vu que tu as l'air de partir sur du MVVM, je te conseilles de regarder du côté de MVVM Light Toolkit.

ça devrait et permettre de résodure ton problème

[OhKerod]

J'ai du mal à voir qu'est ce qui dans mon appli est le model et qu'est ce qui le ViewModel...
La classe Personne ci dessus que représente t elle ?

Sinon je suis sur Visual studio 2013 et Mvvm light n'est pas compatible avec...
Mais je comprend pas pourquoi tu dis que je fais du MVVM...
je pensais que c'était qu'un pattern d'architecture comme le MVC en ASP.net.
J'ai lu que il fallait utiliser des framework comme Prism...mais j'utilise rien de tout ça moi...jcomprend plus rien...Help !!!

Voici une réponse mais c'est dans le code behind

Code :

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

1
2
 
 LayoutRoot.DataContext = laPersonne(instance de ma classe);

[DotNET74]

Hello,

Le Model c'est ta classe personne.
Le ViewModel c'est une classe qui manipule ton Model pour les mettre au bon format pour la View.

MVVM Light semble fonctionner sous VS 2013 car je n'ai pas eu de soucis en passant par Nuget !

Après PRISM c'est aussi du MVVM mais c'est uen usine à gaz par rapport à MVVM Light.

Après dans le fonctionnement MVVM Light dispose d'un Locator qui permet de répertorier les ViewModels et de les binder sur les vues (dans le xaml) avec ce genre de code:

Code :

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

1
2
3
...
<DataContext={Binding Path=MonViewModel, Source={StaticResource Locator}>
...

Dans ton cas, il me semble qu'il faille déclarer le DataContext de chaque page dans son constructeur.

Voilà

[OhKerod]

J'ai un souci avec la liaison de la source et de la vue.
Dans le constructeur de la page je fais ma liaison

Code :

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

1
2
3
4
5
6
7
8
public DetailPers()
        {
 
            InitializeComponent();
            laPersonne = new Personne();
            LayoutRoot.DataContext = laPersonne;
 
        }

Ensuite je charge mon instance:

Code :

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

1
2
3
4
  private void TraitementDuXml(string xmlResult)
        {
 
                laPersonne = new Personne(xmlResult, Personne.TypePersonne.Collaborateur);}

Dans la classe les propriétés sont chargées :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
public Personne(string xml, TypePersonne typePersonne)
        {
 
            XElement xResultat = XElement.Parse(xml);
            this.Email = xResultat.Element("Mail").Value;
            this.MobilePhoneNumber = xResultat.Element("NumMobile").Value;
            this.DisplayName = xResultat.Element("NomAffichage").Value;
            this.FamilyName = xResultat.Element("Nom").Value;
            this.GivenName = xResultat.Element("Prenom").Value;
            this.Id = xResultat.Element("Matricule").Value;
            this.FixedLineNumber = xResultat.Element("NumFixe").Value;}

J'ai implémenté dans cette classe l'event propertychanged:

Code :

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

1
2
3
4
5
6
7
8
9
10
 public event PropertyChangedEventHandler PropertyChanged;
 
        private void NotifyPropertyChanged(String propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (null != handler)
            {
                handler(this, new PropertyChangedEventArgs(propertyName));
            }
        }

Mais le souci est que la vue n'a pas été informé des changements apparemment...Tu vois d'où ça pourrait venir ? Par contre si je refais une liaison après que mon objet ait été chargé alors là ça fonctionne...

Merci encore

[DotNET74]

Oui,

Le fait d'implanter INotifyPropertyChanged ne suffit pas.

Il faut que tu utilises dans le setter de chaque propriété de ta classe Model la commande suivante:

Code :

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

1
2
3
4
5
6
7
8
...
private string _MaPropriété;
Public string MaPropriété
{
  get { return _MaPropriété;}
  set { _MaPropriété = value; NotifyPropertyChanged("MaPropriété");}
}
...

Si tu ne mets pas ça, il n'y a rien qui indique lors du changement de valeur d'envoyer un message de mise à jour.

Voilà

[OhKerod]

Que fais exactement la methode ci dessous ?

Code :

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

1
2
3
4
5
6
7
8
9
private void NotifyPropertyChanged(String propertyName)
        {
 
            if (PropertyChanged!=null)
            {
 
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

Désolé pour ma noobitude...

J'ai fait ce que tu m'as dit pour toutes les propriétés mais la vue ne semble toujours pas liée à mon model ou viewmodel (je sais jamais)...

Je suis toujours obligé de redefinir le datacontext après que mon instance ait été chargée pour que la vue me renvoie les infos...

[DotNET74]

La méthode que tu cites est chargé d'envoyer le message comme quoi la valeur d'une propriété a changée.

Si cela ne fonctionne pas, c'est pourquoi je t'ai recommandé de passé par MVVM Light qui dispose d'un Locator qui permet de binder correctement les données des ViewModels au Views.

Voilà

[OhKerod]

Oui j'avais compris la fonction globale de la fonction mais je voyais pas dans le debug ce qui se passait réellement après que cette ligne soit exécutée:

Code :

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

PropertyChanged(this, new PropertyChangedEventArgs(propertyName))

Pour moi il s'agissait d'une simple levé d'event mais je voualis comprendre ce qui se passait dans le code après cette ligne...

Oui je vais me pencher sur le modele MVVM et sur le toolkit mais pour l'instant je me contente de coder (un peu comme un malpropre) pour rendre un premier jet de l'application au client.

En tout cas merci pour ton aide

A+

[Samuel Blanchard]

Pour faire simple,

Quand XAML reconnait qu'une classe de type INotifyPropertyChanged est bindé il s'abonne tout seul à l'event NotifyChanged de celle ci.
En revanche, à c'est toi de lui dire quand l'évenement doit être appelé car ce n'est pas automatisable (certaines fois tu ne veux pas que ton interface graphique se rafraichisse au changement de data + cout de la notfication en terme d'optimisation).
Pour finir quand tu appelles this.NotifyPropertyChanged("MaPropriété"); la méthode appelle l'event et qui demandera à l'UI de se mettre à jour.