DataForm Template MVVM light

**pmorestin** · 21/04/2010, 11h47

Bonjour, j'utilise le pattern MVVM (Toolkit de L.Brugnion) avec un ServiceLocator.
J'ai un DataForm customisé (qui binde une liste de mon VM) et dans lequel une combo doit être remplie par une autre collection de VM ...
Mon problème: ma combo n'est jamais remplie. Si vs avez une idée ?

Un extrait de mon VM:

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
 
        public List<string> Colors
        {
            get
            {
                return _colors;
            }
            set
            {
                if (_colors != value)
                {
                    _colors = value;
                    RaisePropertyChanged("Colors");
                }
            }
        }
 
        public NOTETHEME SelectedTheme
        {
            get
            {
                return _selectedTheme;
            }
            set
            {
                if (_selectedTheme != value)
                {
                    _selectedTheme = value;
                    RaisePropertyChanged("SelectedTheme");
                }
            }
        }

Extrait du 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
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
 
... DataContext="{Binding Source={StaticResource ServiceLocator}, Path=ThemesPageViewModel}"
 
...
                    <toolkit:DataForm  HorizontalAlignment="Stretch" 
                		VerticalAlignment="Top" 
                		CurrentItem="{Binding Path=SelectedTheme}" 
                		FontFamily="Verdana" FontSize="13.333"
                        LabelPosition="Left" DescriptionViewerPosition="BesideContent" Height="162"
                        CommitButtonContent="Enregistrer" 
						CancelButtonContent="Annuler" 
						Header="Gestion des thèmes" 
						AutoEdit="False" 
						AutoCommit="False"
						AutoGenerateFields="False"
						CommandButtonsVisibility="All" 
						CommitButtonStyle="{StaticResource ButtonChromeStyle}"
						CancelButtonStyle="{StaticResource ButtonChromeStyle}">
                        <toolkit:DataForm.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFE8F3FC" Offset="0"/>
                                <GradientStop Color="#FF9BCCEE" Offset="0.108"/>
                            </LinearGradientBrush>
                        </toolkit:DataForm.Background>
                        <toolkit:DataForm.EditTemplate>
                            <DataTemplate>
                                <Grid >
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="28" />
                                        <RowDefinition Height="28" />
                                        <RowDefinition Height="28" />
                                    </Grid.RowDefinitions>
                                    <toolkit:DataField Grid.Row="0" Label="Nom du thème" Width="Auto">
                                        <TextBox Text="{Binding Mode=TwoWay, Path=THEME_NAME}" Style="{StaticResource TextBoxGlassyStyle}"/>
                                    </toolkit:DataField>
                                        <toolkit:DataField Grid.Row="1" Label="Couleur du Texte" Width="Auto">
                                        <ComboBox ItemsSource="{Binding Mode=OneWay, Path=Colors}" />
                                        </toolkit:DataField>
                                        <toolkit:DataField Grid.Row="2" Label="Couleur du fond" Width="Auto">
                                        <ComboBox ItemsSource="{Binding Mode=OneWay, Path=Colors}" />
                                        </toolkit:DataField>
                                </Grid>
                            </DataTemplate>
                        </toolkit:DataForm.EditTemplate>
                    </toolkit:DataForm>

Merci d'avance pour les réponses

**Nathanael Marchand** · 21/04/2010, 13h07

Pour utiliser {StaticResource ServiceLocator} il faut que celui soit déclaré comme ressource dans ton App.xaml

Code :

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

1
2
3
<App.Ressources>
	<ServiceLocator x:Key="ServiceLocator" d:IsDataSource="true" />
</App.Ressources>

**Thomas Lebrun** · 21/04/2010, 14h57

Envoyé par PitMaverick78

Pour utiliser {StaticResource ServiceLocator} il faut que celui soit déclaré comme ressource dans ton App.xaml

Code :

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

1
2
3
<App.Ressources>
	<ServiceLocator x:Key="ServiceLocator" d:IsDataSource="true" />
</App.Ressources>

C'est le cas par défaut, avec les templates fournit dans le toolkit

**Thomas Lebrun** · 21/04/2010, 15h03

C'est normal que ta ComboBox ne soit pas remplie car tu es dans un DataTemplate donc pas dans le même namescope.

Essage ca:

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
43
44
DataContext="{Binding Source={StaticResource ServiceLocator}, Path=ThemesPageViewModel}"
 
...
                    <toolkit:DataForm x:Name="df" HorizontalAlignment="Stretch" 
                		VerticalAlignment="Top" 
                		CurrentItem="{Binding Path=SelectedTheme}" 
                		FontFamily="Verdana" FontSize="13.333"
                        LabelPosition="Left" DescriptionViewerPosition="BesideContent" Height="162"
                        CommitButtonContent="Enregistrer" 
						CancelButtonContent="Annuler" 
						Header="Gestion des thèmes" 
						AutoEdit="False" 
						AutoCommit="False"
						AutoGenerateFields="False"
						CommandButtonsVisibility="All" 
						CommitButtonStyle="{StaticResource ButtonChromeStyle}"
						CancelButtonStyle="{StaticResource ButtonChromeStyle}">
                        <toolkit:DataForm.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFE8F3FC" Offset="0"/>
                                <GradientStop Color="#FF9BCCEE" Offset="0.108"/>
                            </LinearGradientBrush>
                        </toolkit:DataForm.Background>
                        <toolkit:DataForm.EditTemplate>
                            <DataTemplate>
                                <Grid >
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="28" />
                                        <RowDefinition Height="28" />
                                        <RowDefinition Height="28" />
                                    </Grid.RowDefinitions>
                                    <toolkit:DataField Grid.Row="0" Label="Nom du thème" Width="Auto">
                                        <TextBox Text="{Binding Mode=TwoWay, Path=THEME_NAME}" Style="{StaticResource TextBoxGlassyStyle}"/>
                                    </toolkit:DataField>
                                        <toolkit:DataField Grid.Row="1" Label="Couleur du Texte" Width="Auto">
                                        <ComboBox ItemsSource="{Binding Mode=OneWay, Path=Colors}" />
                                        </toolkit:DataField>
                                        <toolkit:DataField Grid.Row="2" Label="Couleur du fond" Width="Auto">
                                        <ComboBox ItemsSource="{Binding Mode=OneWay, ElementName=df, Path=DataContext}" />
                                        </toolkit:DataField>
                                </Grid>
                            </DataTemplate>
                        </toolkit:DataForm.EditTemplate>
                    </toolkit:DataForm>

DataForm Template MVVM light

Silverlight

Discussions similaires

Partager

Partager