WPF - MVVM - Base SDF

Version imprimable

19/07/2011, 15h29
CaptainChoc

WPF - MVVM - Base SDF
Bonjour à tous,

Venant d'un monde plutot WinForm, je débute avec WPF et MVVM et je me posent 2 questions (pour l'instant) dont je n'arrive pas à trouver réponse sur le net.

J'essaie de migrer une petite appli de WinForm vers WPF : mon appli a une base de données SDF avec une table Client et un table Projet (un client peut avoir plusieurs projets)
Dans mon appli, à gauche, j'ai un treeview qui affiche en tant que noeud parent, le "client" et comme noeuds enfants, la liste des projets.
A droite, si j'ai sélectionné le "client" dans la treeview, j'ai les infos sur le client, et si j'ai sélectionné un "projet" j'ai les infos du projet.

- Déjà première question, WPF et le SDF est ce compatible ? car je n'ai pas trouvé de tuto de comment récupérer les données (peut importe la source de données), ni comment créer une couche "Accès aux données" ni comment créer mes "entités" qui viennent de la base de données.

- Deuxieme question, concerne plus le MVVM, si j'ai bien compris le principe, j'aurai :
- un TreeView, un "ViewModel" et un "Model" pour afficher le treeview
- une vue (héritant de UserControl) qui affichera les détails du client (avec également un ViewModel et un Model)
- une vue (héritant de UserControl) qui affiche les détails du projet (avec également un ViewModel et un Model)
- Et mes 3 vues ci dessus je les ajoute à ma fenêtre principale...
Déjà est ce juste ?

et ensuite dans quelle classe est ce que je dit que quand je sélectionne un client dans mon treeview ça affiche la vue "client" ? (idem pour projet) Dois je créer une nouvelle "commande" ?

Merci de votre aide.
19/07/2011, 16h17
Thomas Lebrun
Citation:

Envoyé par CaptainChoc

- Déjà première question, WPF et le SDF est ce compatible ? car je n'ai pas trouvé de tuto de comment récupérer les données (peut importe la source de données), ni comment créer une couche "Accès aux données" ni comment créer mes "entités" qui viennent de la base de données.

Oui, WPF et SDF, pas de soucis. Pour les tutos sur les couches d'accès aux données, regarde autour d'Entity Framework.
Citation:
- Deuxieme question, concerne plus le MVVM, si j'ai bien compris le principe, j'aurai :

un TreeView, un "ViewModel" et un "Model" pour afficher le treeview
une vue (héritant de UserControl) qui affichera les détails du client (avec également un ViewModel et un Model)
une vue (héritant de UserControl) qui affiche les détails du projet (avec également un ViewModel et un Model)
Et mes 3 vues ci dessus je les ajoute à ma fenêtre principale...
Ton Treeview, il faut aussi partie d'une vue mais sinon, ca semble pas mal :)

Citation:

et ensuite dans quelle classe est ce que je dit que quand je sélectionne un client dans mon treeview ça affiche la vue "client" ? (idem pour projet) Dois je créer une nouvelle "commande" ?

Tu utilises les DataTemplate implicites pour cela (qui permettent de dire: "dès que je rencontre un objet du type XXX, j'affiche telle vue").
19/07/2011, 16h38
BenoitM

Bête question pour ma culture personnel

C'est quoi SDF? :)

Un fichier SDF est tout simplement une base de données autonome basé sur des fichiers. (plus léger qu'un SQL Server ou autre..)

Concernant les "DataTemplate implicites"... je dois avouer que je connais les "DataTemplate"... mais implicite ??? qu'ont ils de différents ? comment fonctionne t'il ?

Pour info, je compte utiliser "MVVM Light Toolkit"

et je pensais à quelque chose du style : envoyer une commande à mon ModelView (du treeview) avec l'item selectionné.. mais après... comment je dis à mon autre de s'afficher (ou de disparaitre et d'afficher une autre vue ?
Code:

1 2 3 4 5 6 <i:Interaction.Triggers> <i:EventTrigger EventName="SelectedItemChanged"> <cmd:EventToCommand Command="{Binding ResultSelected, Mode=OneWay}" CommandParameter="{Binding ElementName=lstResults, Path=SelectedValue}" /> </i:EventTrigger> </i:Interaction.Triggers>

20/07/2011, 00h24
Thomas Lebrun

Un DataTemplate se trouve dans les ressources donc tu dois lui donner un clé (x:Key)

Un DataTemplate implicite n'a pas de clé, ce qui fait que tous les objets du type indiqué se voient appliqués le template.
20/07/2011, 10h39
CaptainChoc

Citation:

Un DataTemplate se trouve dans les ressources donc tu dois lui donner un clé (x:Key)

Un DataTemplate implicite n'a pas de clé, ce qui fait que tous les objets du type indiqué se voient appliqués le template.

Et en quoi un "template implicit"e me permettrai d'afficher une certaine vue en fonction de ma sélection ? as tu un petit exemple rapide ?

Merci
20/07/2011, 17h52
Thomas Lebrun

Regarde ici: http://japf.developpez.com/tutoriels...-et-testables/

Merci pour le lien... et je comprends très bien l'exemple et le fonctionnement... cependant dans mon cas j'ai 2 types d'objet différent, mes "Clients" et mes "Projets" et je ne vois pas tès bien comment jongler entre les 2 :

imaginons, j'ai mes 3 user control (treeview, détail client, détail projet), dans mon MainWindow j'aurai un truc genre :
Code:

1 2 3 4 5 6 7 8 9 10 <View:MasterView x:Name="TreeViewClientView" Grid.Column="0"/> <View:DetailView x:Name="ClientView" Grid.Column="1" VerticalAlignment="Center"/> <View:DetailView x:Name="ProjetView" Grid.Column="1" VerticalAlignment="Center"/>
là j'ai du mal à imaginer la suite... que en fonction de ce que je sélectionne, c'est tel ou tel vue qui s'affiche, (la précédente vue étant masqué si on passe du client au projet)

De plus j'ai l'impression que TreeView ne dérive pas de Selector, donc je ne peux pas utiliser le "IsSynchronizedWithCurrentItem" et donc pas de mise à jour automatique de mes détails... (comme utilisée dans l'exemple)

Et juste une remarque, j'ai mes objets (Entity Framework) je dois reprendre tous les attributs de mon objet dans mon ModelView pour que le binding soit fait ? ça fait pas un peu doublons (et pas tres pratique pour maintenir)... est ce que j'ai bien compris ?

Merci pour toutes tes réponses ;)

Sinon j'ai pensé à ajouter un "DataTemplateSelector"

exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    public class CustomTemplateSelector : DataTemplateSelector
    {
        public DataTemplate ClientTemplate { get; set; }
        public DataTemplate OperationTemplate { get; set; }
 
        public override DataTemplate SelectTemplate(object item,
          DependencyObject container)
        {
 
            if (item is ClientViewModel)
                return ClientTemplate;
 
            if (item is OperationViewModel)
                return OperationTemplate;
 
            return null;
        }
    }

et dans mon xaml :

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
 
    <Window.Resources>
        <DataTemplate x:Key="ClientTemplate">
            <TextBlock Text="{Binding id}"/>
        </DataTemplate>
 
        <DataTemplate x:Key="OperationTemplate">
            <TextBlock Text="{Binding name}"/>
        </DataTemplate>
 
        <view:CustomTemplateSelector
                OperationTemplate="{StaticResource OperationTemplate}" 
       ClientTemplate="{StaticResource ClientTemplate}" 
       x:Key="CustomTemplateSelector" />
 
    </Window.Resources>
<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
 
 
        <view:TreeViewClientView x:Name="trvClient" Grid.Column="0"></view:TreeViewClientView>
 
        <ContentControl Grid.Column="1" Content="{Binding SelectedItem}"
                    ContentTemplateSelector="{StaticResource CustomTemplateSelector}"/>
 
    </Grid>

Je ne peux pas encore essayer mais cette solution vous semble elle correcte ?

Merci

22/07/2011, 09h57
CaptainChoc

1 pièce(s) jointe(s)

Alors j'ai testé mon idée...ça à l'air de fonctionner... cependant j'aimerai avoir votre avis car ça me parait assez compliqué quand même... (en WinForm ça me prenait moins de 10 lignes ;) )

EN clair j'ai 2 usercontrol qui ont le même ModelView.
Mon 1er usercontrol est ma treeview.
Mon deuxième est le détail de l'item sélectionné dans le treeview et est binder sur le "SelectedItem" du treeview.

SelectectedItem est soit "ClientViewModel", soit "OperationViewModel" et fonction de ce type j'affiche le templateData approprié.

Qu'en pensez vous ? Est ce que je respect le principe MVVM ?

Merci