Combobox sur edit d'une cellule de DataGrid

**Jean-Marc68** · 27/11/2014, 22h36

Salut à toutes et à tous,

Soit un DataGrid lié à un CollectionView.

Une des colonnes (colonne PCode) doit être éditable, mais on ne peut pas y mettre n'importe quoi. Il faut saisir une donnée présente dans une autre datatable. Je veux donc mettre un combobox sur le edit de la cellule. Mon problème est que je n'arrive pas à ramener les données de la datatable. Malgré mes différentes recherches et essais, ma colonne change bien pour une combobx en mode édition, mais la combobox reste désespérément vide.

Voici la partie xaml de mon datagrid

Code xaml :

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
            <DataGrid x:Name="MdbPointsDataGrid" Margin="15,312,103,15" Drop="OnDrop" SelectionChanged="MdbPointsDataGrid_SelectionChanged" ItemsSource="{Binding}"  AutoGenerateColumns="False">                <DataGrid.Columns>
                    <DataGridTextColumn Header="Numéro" Binding="{Binding Numero}" IsReadOnly="True" />
                    <DataGridTemplateColumn Header="PCode">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding PCode}" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                        <DataGridTemplateColumn.CellEditingTemplate>
                            <DataTemplate>
                                <ComboBox x:Name="PCodesCombobox" SelectedItem="{Binding PCode}" ItemsSource="{Binding PCodesCV}"  DisplayMemberPath="pcode_description" SelectedValuePath="num_pcode" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellEditingTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTextColumn Header="X" Binding="{Binding X}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Y" Binding="{Binding Y}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Z" Binding="{Binding Z}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Nom complet" Binding="{Binding Nom}" IsReadOnly="True" />
                </DataGrid.Columns>
                <DataGrid.Resources>
                    <Style TargetType="DataGridRow">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding PCode}" Value="50">
                                <Setter Property="Background" Value="Red"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </DataGrid.Resources>
            </DataGrid>

PCodesCV est un CollectionView qui retourne les données triées de la datatable, et j'ai vérifié qu'il contienne bien les données.

Où est mon erreur ?
Comment dois-je faire ?

Merci de vos z'avis z'avisés.
Jean-Marc

**BenoitM** · 28/11/2014, 08h15

Ton problème vient surement du binding de ItemsSource de la combobox.
Ici il va rechercher les infos dans DataGrid.ItemsSource[x].PCodesCV

Il faut utiliser un Bindingproxy. Voici un petit exemple

**Jean-Marc68** · 28/11/2014, 19h10

J'ai beau essayer depuis ce matin, je n'y arrive pas.

J'ai bien entendu essayé le lien dont tu m'as parlé, mais le résultat est resté le même.

Si je crée le combobx suivant à l'extérieur de ma datagrid, il me donne les bonnes valeurs :

Code xaml :

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
            <ComboBox x:Name="terrain_pcodeComboBox" DisplayMemberPath="pcode_description" ItemsSource="{Binding}" Margin="211,220,113,260" SelectedValuePath="num_pcode">
                <ComboBox.ItemContainerStyle>
                    <Style TargetType="ComboBoxItem">
                        <Setter Property="ContentTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <Grid Height="20" Width="Auto" ShowGridLines="False">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="25"/>
                                            <ColumnDefinition Width="10"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <TextBlock Grid.Column="0" Text="{Binding num_pcode}" TextAlignment="Right"/>
                                        <TextBlock Grid.Column="1" Text="-" TextAlignment="Center"/>
                                        <TextBlock Grid.Column="2" Text="{Binding pcode_description}" TextAlignment="Left"/>
                                    </Grid>
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ComboBox.ItemContainerStyle>
            </ComboBox>

Si je copie la combobox dans le datagrid comme ceci, il reste vide :

Code xaml :

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
46
47
48
49
50
51
52
53
54
55
56
            <DataGrid x:Name="MdbPointsDataGrid" Margin="15,312,103,15" Drop="OnDrop" SelectionChanged="MdbPointsDataGrid_SelectionChanged" ItemsSource="{Binding}"  AutoGenerateColumns="False">
                <DataGrid.Columns>
                    <DataGridTextColumn Header="Numéro" Binding="{Binding Numero}" IsReadOnly="True" />
                    <DataGridTemplateColumn Header="PCode">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding PCode}" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                        <DataGridTemplateColumn.CellEditingTemplate>
                            <DataTemplate>
                                <ComboBox x:Name="pcodeComboBox" DisplayMemberPath="pcode_description" ItemsSource="{Binding}" Margin="0,0,0,0" SelectedValuePath="num_pcode">
                                    <ComboBox.ItemContainerStyle>
                                        <Style TargetType="ComboBoxItem">
                                            <Setter Property="ContentTemplate">
                                                <Setter.Value>
                                                    <DataTemplate>
                                                        <Grid Height="20" Width="Auto" ShowGridLines="False">
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="25"/>
                                                                <ColumnDefinition Width="10"/>
                                                                <ColumnDefinition Width="*"/>
                                                            </Grid.ColumnDefinitions>
                                                            <TextBlock Grid.Column="0" Text="{Binding num_pcode}" TextAlignment="Right"/>
                                                            <TextBlock Grid.Column="1" Text="-" TextAlignment="Center"/>
                                                            <TextBlock Grid.Column="2" Text="{Binding pcode_description}" TextAlignment="Left"/>
                                                        </Grid>
                                                    </DataTemplate>
                                                </Setter.Value>
                                            </Setter>
                                        </Style>
                                    </ComboBox.ItemContainerStyle>
                                </ComboBox>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellEditingTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTextColumn Header="X" Binding="{Binding X}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Y" Binding="{Binding Y}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Z" Binding="{Binding Z}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Nom complet" Binding="{Binding Nom}" IsReadOnly="True" />
                </DataGrid.Columns>
                <DataGrid.Resources>
                    <Style TargetType="DataGridRow">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding PCode}" Value="50">
                                <Setter Property="Background" Value="Red"/>
                            </DataTrigger>
 
 
                            <DataTrigger Binding="{Binding Status}" Value="3">
                                <Setter Property="Background" Value="Red"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </DataGrid.Resources>
            </DataGrid>

Le datagrid et le combobx extérieur (celui qui fonctionne) sont tous les 2 dans un

Code xaml :

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

        <Grid DataContext="{StaticResource terrain_pcodeViewSource}">

avec un

Code xaml :

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

1
2
3
4
    <Window.Resources>
        <local:PostGreSQLDataSet x:Key="postGreSQLDataSet"/>
        <CollectionViewSource x:Key="terrain_pcodeViewSource" Source="{Binding terrain_pcode, Source={StaticResource postGreSQLDataSet}}"/>
    </Window.Resources>

Je ne comprend vraiment pas ce qui n'est pas bon.
Je comprend bien ce que tu expliques par

Ton problème vient surement du binding de ItemsSource de la combobox.
Ici il va rechercher les infos dans DataGrid.ItemsSource[x].PCodesCV

mais je n'arrive pas à résoudre mon problème.

Comment dois-je faire ?

Merci,
Jean-Marc

**Jean-Marc68** · 28/11/2014, 22h59

Après une journée complète juste sur ce problème, j'ai avancé un peu.

J'arrive enfin à lier mes données ma combobox. Toutefois, lorsque la cellule se met en mode édition, ma combobox écrit "System.Data.DataRowView" au lieu de mettre la valeur actuelle, bien que celle-ci soit sélectionnée lors du développement de la combobox.

Je pense que le problème vient du SelectedItem="{Binding Path=PCode}". Je pense cela parce que l'item du combobox n'est pas le même que l'item de la ligne de la datagrid. Je pense que je devrais avoir qqch comme (en mode verbeux ...) SelectedItem= item de la combobox dont le nopcode = le PCode du {Binding Path=PCode}. Mais comme je dis, je pense, je ne suis pas certain.

Comment dois-je faire ?

Voici la version actuelle de la datagrid :

Code xaml :

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
46
47
48
49
50
51
52
53
54
55
56
<DataGrid x:Name="MdbPointsDataGrid" Margin="15,312,103,15" Drop="OnDrop" SelectionChanged="MdbPointsDataGrid_SelectionChanged" ItemsSource="{Binding}"  AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="False" RowDetailsVisibilityMode="Visible">                <DataGrid.Columns>
                    <DataGridTextColumn Header="Numéro" Binding="{Binding Numero}" IsReadOnly="True" />
 
                    <DataGridTemplateColumn Header="PCode">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding PCode}" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                        <DataGridTemplateColumn.CellEditingTemplate>
                            <DataTemplate>
                                <ComboBox ItemsSource="{Binding terrain_pcode, Source={StaticResource postGreSQLDataSet}}" SelectedValuePath="nopcode" SelectedValue="{Binding Path=PCode}" SelectedItem="{Binding Path=PCode}" IsDropDownOpen="True">
                                    <ComboBox.ItemContainerStyle>
                                        <Style TargetType="ComboBoxItem">
                                            <Setter Property="ContentTemplate">
                                                <Setter.Value>
                                                    <DataTemplate>
                                                        <Grid Height="20" Width="Auto" ShowGridLines="False">
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="25"/>
                                                                <ColumnDefinition Width="10"/>
                                                                <ColumnDefinition Width="*"/>
                                                            </Grid.ColumnDefinitions>
                                                            <TextBlock Grid.Column="0" Text="{Binding nopcode}" TextAlignment="Right"/>
                                                            <TextBlock Grid.Column="1" Text="-" TextAlignment="Center"/>
                                                            <TextBlock Grid.Column="2" Text="{Binding pcode_description}" TextAlignment="Left"/>
                                                        </Grid>
                                                    </DataTemplate>
                                                </Setter.Value>
                                            </Setter>
                                        </Style>
                                    </ComboBox.ItemContainerStyle>
                                </ComboBox>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellEditingTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTextColumn Header="X" Binding="{Binding X}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Y" Binding="{Binding Y}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Z" Binding="{Binding Z}" IsReadOnly="True" />
                    <DataGridTextColumn Header="Nom complet" Binding="{Binding Nom}" IsReadOnly="True" />
                </DataGrid.Columns>
                <DataGrid.Resources>
                    <Style TargetType="DataGridRow">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding PCode}" Value="50">
                                <Setter Property="Background" Value="Red"/>
                            </DataTrigger>
 
 
                            <DataTrigger Binding="{Binding Status}" Value="3">
                                <Setter Property="Background" Value="Red"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </DataGrid.Resources>
            </DataGrid>

Merci de votre aide,
JM

**Jean-Marc68** · 01/12/2014, 14h20

Je n'ai malheureusement rien compris au message de DouglasDR. J'ai par contre supprimé la partie SelectedItem="{Binding Path=PCode}" vu qu'il y a déjà un SelectectedValuePath et un SelectedValue. Le problèmes reste cependant le même. Je ne comprend pas du tout pourquoi, lorsque la cellule se met en mode édition, la combobox écrit "System.Data.DataRowView", que la valeur du PCode soit dans la liste ou pas.

**yoyo3d** · 02/12/2014, 16h34

Salut Jean Marc,
je ne peux malheureusement pas t'aider pour ton problème de Binding.

Par contre, le message de Douglas est un spam
Désolé.
A+

**Jean-Marc68** · 02/12/2014, 16h37

Merci yoyo3b. Ça m'était tout à fait incompréhensible, de toute manière, mais merci de l'avertissement.

JM

**champsy_dev** · 05/12/2014, 21h28

L'ItemsSource de ta ComboBox est Binder sur les donnée de la ligne ...
Soit il te faut dans chacun de ces Objets une Propriété de type List, ObservableCollection, ... que tu pourra Binder comme ItemsSource de ta ComboBox, mais la tes Objets sont des DataRow (si je t'ai bien suivi) tu seras donc obliger de créer une classe intermédiaire.

Soit plus judicieux tu te crée un ViewModel dans le quels tu as ta CollectionView Binder à ta DataGrid et une autre CollectionView , l'ItemsSource de ta ComboBox. Dans ce cas utilise plutôt une DataGridComboBoxColumn elle est prévue pour sa, si tu veut absolument utiliser une DataTemplateColumn et une ComboBox tu risque d'avoir des problème pour accéder au DataContext de la DataGrid dans le DataTemplate de la colonne , un coup d’œil ici t'aideras pas mal : http://www.thomaslevesque.fr/tag/freezable/

**Jean-Marc68** · 07/12/2014, 02h28

Je vais aller faire un petit tour sur le lien que tu me donnes.

C'est intéressant d'apprendre. Merci aussi pour les infos sur les ViewModels etc.
Pour finir j'ai remplacé la combobox par un listbox, mais justement ça m'intéresse d'apprendre.

Merci champsy_dev

Combobox sur edit d'une cellule de DataGrid

Windows Presentation Foundation

Discussions similaires

Partager

Partager