DataGrid TemplateColumn Image Trigger

Version imprimable

Bonjour,

Dans un datagrid, je souhaite affiche une image en fonction de la valeur de la cellule.

Par exemple :

valeur 1 drapeau vert
valeur 2 drapeau orange
valeur 3 drapeau rouge
valeur 4 drapeau blanc
...

Je defini ma colonne de cette façon

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
 
<DataGridTemplateColumn Header="Status">
                    <DataGridTemplateColumn.CellStyle>
                        <Style TargetType="{x:Type DataGridCell}">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding Path=Status_id}" Value="3">
                                    <!--<Setter Property="Background" Value="Red" />-->
 
                                    <Setter Property="Source" Value="/Images/PHUILE.BMP" />
 
                                </DataTrigger>
                                <DataTrigger Binding="{Binding Path=Status_id}" Value="2">
                                    <!--<Setter Property="Background" Value="Green" />
                                    <Setter Property="Source"  Value="/Images/MACHINE.BMP" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </DataGridTemplateColumn.CellStyle>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image></Image>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

Mais le trigger pose problème :

Citation:

Property Source Was Not Found in Type DataGridCell

Le setter Background, lui fonctionne bien.

Si dans

Code:

1
2
 
<Style TargetType="{x:Type DataGridCell}">

je met

Code:

1
2
 
<Style TargetType="{x:Type Image}">

ca compile mais a l'execution j'ai :

Citation:

'Image' TargetType does not match type of element 'DataGridCell'.

Je suis perdu ...

Merci pour votre aide

Gridin

Hello,

Il faut que tu définisses la propriété TargetName dans le setter:

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
 
<DataGridTemplateColumn Header="Status">
                    <DataGridTemplateColumn.CellStyle>
                        <Style TargetType="{x:Type DataGridCell}">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding Path=Status_id}" Value="3">
                                    <!--<Setter Property="Background" Value="Red" />-->
 
                                    <Setter TargetName="MonImage" Property="Source" Value="/Images/PHUILE.BMP" />
 
                                </DataTrigger>
                                <DataTrigger Binding="{Binding Path=Status_id}" Value="2">
                                    <!--<Setter Property="Background" Value="Green" />
                                    <Setter TargetName="MonImage" Property="Source"  Value="/Images/MACHINE.BMP" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </DataGridTemplateColumn.CellStyle>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image x:Name="MonImage" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

Hélas ca ne fonctionne pas.

Citation:

The property "TargetName' does not represent a valid target for the "Setter' because an element name 'T' was not found. Make sure the target is declared before any Setters, Triggers or Conditions that use it.

J'ai remonté le
Code:

1 2 3 4 5 6 <DataGridTemplateColumn.CellTemplate> <DataTemplate> <Image x:Name="T" Source="{Binding Path=Flag}" ClipToBounds="True"></Image> </DataTemplate> </DataGridTemplateColumn.CellTemplate>
avant le DataGridTemplateColumn.CellStyle

mais sans succès

01/03/2011, 15h59
tomlev

mets tes triggers dans le DataTemplate, pas dans le style

En mettant les triggers dans le DataTemplate, ça devrait être mieux ^^

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<DataGridTemplateColumn Header="Status">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <Image x:Name="T"/>
                                            <DataTemplate.Triggers>
                                                <DataTrigger Binding="{Binding Path=Status_id}" Value="3">
                                                    <Setter TargetName="T" Property="Source" Value="/Images/PHUILE.BMP" />
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Path=Status_id}" Value="2">
                                                    <Setter TargetName="T" Property="Source"  Value="/Images/MACHINE.BMP" />
                                                </DataTrigger>
                                            </DataTemplate.Triggers>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>

Edit: Arg, je me suis fait devancer...

01/03/2011, 16h48
gridin

Super Merci c'est ok

Gridin