MVVM ListView et DataBinding

Version imprimable

06/05/2009, 10h00
KoRiGaN44

MVVM ListView et DataBinding

Bonjour,

Je découvre le design pattern MVVM et en essayant de l'appliquer je suis tombé sur un problème...

Mon programme génère une liste d'objet à partir d'un fichier XML.
J'ai donc créer une fabrique d'objet que j'instancie en fonction du fichier choisi par l'utilisateur . Cette fabrique me renvoie une liste d'objets métiers.

A partir de ceux-ci j'instancie le ViewModel correspondant, instancie un UserControl, le bind avec le ViewModel, et l'ajoute à ma fenêtre.

Mon problème est que chacune des items de la liste est bindé directement avec l'objet lui même et pas le ViewModel de l'objet...

Des suggestions ?
06/05/2009, 12h10
Invité

Citation:

Envoyé par KoRiGaN44

Mon problème est que chacune des items de la liste est bindé directement avec l'objet lui même et pas le ViewModel de l'objet...

Un peu flou. Un peu de code s'il te plait.

Vue de mon objet

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="ThreeSixty.SLAViewer.View.SLAView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="226" Width="225">
    <GroupBox Header="{Binding Path=name}" >
        <Grid>
            <TextBlock Text="Type de SLA" Height="20" Margin="0,0,0,182" VerticalAlignment="Bottom" />
            <ComboBox SelectedItem="{Binding Path=kind}" ItemsSource="{Binding Path=EnumValues}" Margin="0,0,6,182" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100" />
            <TextBlock Text="Durée" Height="20" Margin="0,0,0,160" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=typicalActivityDuration}" Margin="0,0,6,160" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100" />
            <TextBlock Text="Valeur de base" Height="20" Margin="0,0,0,138" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=baseValue}" Margin="0,0,6,138" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100" />
            <TextBlock Text="Start Proportion" Height="20" Margin="0,0,0,116" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=startProportion}" Margin="0,0,6,116" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100" />
            <TextBlock Text="End Proportion" Height="20" Margin="0,0,0,94" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=endProportion}" Margin="0,0,6,94" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100" />
            <TextBlock Text="Curve Shape" Height="20" Margin="0,0,0,72" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=curveShape}" Margin="0,0,6,72" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100"/>
            <TextBlock Text="Ageing Factor" Height="20" Margin="0,0,0,50" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=ageingFactor}" Margin="0,0,6,50" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100"/>
            <TextBlock Text="Début du SLA" Height="20" Margin="0,0,0,28" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=_start}" Margin="0,0,6,28" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100" />
            <TextBlock Text="Fin du SLA" Height="20" Margin="0,0,0,6" VerticalAlignment="Bottom" />
            <TextBox Text="{Binding Path=_end}" Margin="0,0,6,6" Height="20" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="100" />
        </Grid>
    </GroupBox>
</UserControl>

Vue de la liste d'objets

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<UserControl x:Class="ThreeSixty.SLAViewer.View.SLAListView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    >
    <DockPanel HorizontalAlignment="Left">
        <Button DockPanel.Dock="Top">Ajouter un SLA</Button>
        <ListView ItemsSource="{Binding Path=mySLAs}" DockPanel.Dock="Bottom" AllowDrop="True">
            <ListView.ItemTemplate >
                <DataTemplate >
                    <myCtrl:SLAView/>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </DockPanel>
</UserControl>

ViewModel de ma liste d'objets

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
namespace ThreeSixty.SLAViewer.ViewModel
{
 
    public class SLAListViewModel : BaseViewModel
    {
        public ObservableCollection<SLA> mySLAs {get; set;}
 
        public SLAListViewModel(List<SLA> mySLAList)
        {
            mySLAs = new ObservableCollection<SLA>(mySLAList);
        }
    }
}

Ce qui fait que la vue d'un objet est bindée avec l'object métier et pas le ViewModel de l'objet métier.

Suis-je clair ?

07/05/2009, 09h39
KoRiGaN44

Non ? ça n'inspire personne ?
07/05/2009, 14h00
Thomas Lebrun

Ben, je vois pas où est le pb....
07/05/2009, 15h30
KoRiGaN44

Bah le problème est que mes SLAView ne sont pas bindés avec des SLAViewModele mais avec le SLA directement, etant donné que je donne comme itemsource de ma listview une List<SLA>.

Est ce que mon SLAListViewModel devrait plutôt avoir un List<SLAViewModel> ? ça me semble un peu étrange, non ?
07/05/2009, 15h39
Jérem22

Si ton code métier contient par exemple une List<Person> et c'est à toi d'exposer cela sous forme de ObservableCollection<PersonViewModel>. Ca ne peut pas à mon avis pas être fait automatiquement...
07/05/2009, 15h50
KoRiGaN44

Ok donc si par exemple j'ai des classes métiers Person et ListPerson je doit avoir un adapter ListPersonViewModel qui prend une ListPerson et qui en fait une ObservableCollection<PersonnViewModel>, et c'est cette ObservableCollection qui doit être mis en datasource de ma ListView.

Right ?
07/05/2009, 16h05
Invité

Citation:

Envoyé par KoRiGaN44

Ok donc si par exemple j'ai des classes métiers Person et ListPerson je doit avoir un adapter ListPersonViewModel qui prend une ListPerson et qui en fait une ObservableCollection<PersonnViewModel>, et c'est cette ObservableCollection qui doit être mis en datasource de ma ListView.

Right ?

Ok c bien ça. Petite correction :
c'est cette ObservableCollection qui doitcorrespondre au DataContext de ma ListView.
07/05/2009, 16h13
KoRiGaN44

Ok ça marche !

Merci à tous de m'avoir donné des réponses malgré mes explications.... comment dire... pas tout à fait nettes! :aie: