Discussion :

[KoRiGaN44]

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 ?

[Invité]

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.

[KoRiGaN44]

Vue de mon objet

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
 
<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 :

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

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 :

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

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 ?

[KoRiGaN44]

Non ? ça n'inspire personne ?

[Thomas Lebrun]

Ben, je vois pas où est le pb....

[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 ?