listview couleur d'une ligne en fonction d'une valeur

Version imprimable

Bonjour,

J'ai un listview bindé à une collection d'objet. J'aimerais que la couleur de fond des lignes de mon listview s'adaptent en fonction d'une propriété bool du listviewitem. (true = rouge, false = blanc)

J'ai essayé quelque chose comme ci-dessous mais j'ai une erreur

Citation:

La collection Items doit être vide pour pouvoir utiliser ItemsSource.

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
29
 
<ListView Name="SubDevicesManager" ItemsSource="{Binding AllDevicesList}" SelectedItem="{Binding SubDeviceToAdd}">
 
                                    <Style TargetType="{x:Type ListViewItem}">
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding DeviceInUse}" Value="False">
                                        <Setter Property="Background" Value="#FFFFFFFF" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding DeviceInUse}" Value="True">
                                        <Setter Property="Background" Value="#FFFF0000" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
 
                            <ListView.View>
                                <GridView>
                                    <GridViewColumn Width="Auto" Header="Sélection" >
                                        <GridViewColumn.CellTemplate>
                                            <DataTemplate>
                                                <CheckBox Margin="0" VerticalAlignment="Center" IsChecked="{Binding Path=IsSelected}"  />
                                            </DataTemplate>
                                        </GridViewColumn.CellTemplate>
                                    </GridViewColumn>
                                    <GridViewColumn Width="Auto" Header="Dénomination" DisplayMemberBinding="{Binding Name}"/>
                                    <GridViewColumn Width="Auto" Header="Référence" DisplayMemberBinding="{Binding InternalReference}" />
                                    <GridViewColumn Width="Auto" Header="Prix" DisplayMemberBinding="{Binding TotalCostStr}" />
                                </GridView>
                            </ListView.View>
                        </ListView>

Il me semble que je ne dois pas être très loin de la solution, mais je n'y arrive pas. Quelqu'un aurait une solution ?

Merci d'avance.

Effectivement tu n'es pas loin... par contre si tu mets le style directement comme ça dans la ListView, il est considéré comme un élément de la ListView, ce qui n'est sans doute pas l'effet voulu ;)

Il faut utiliser ce style comme ItemContainerStyle :

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
<ListView Name="SubDevicesManager" ItemsSource="{Binding AllDevicesList}" SelectedItem="{Binding SubDeviceToAdd}">
    <ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding DeviceInUse}" Value="False">
                    <Setter Property="Background" Value="#FFFFFFFF" />
                </DataTrigger>
                <DataTrigger Binding="{Binding DeviceInUse}" Value="True">
                    <Setter Property="Background" Value="#FFFF0000" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
    <ListView.View>
        <GridView>
            <GridViewColumn Width="Auto" Header="Sélection" >
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <CheckBox Margin="0" VerticalAlignment="Center" IsChecked="{Binding Path=IsSelected}"  />
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <GridViewColumn Width="Auto" Header="Dénomination" DisplayMemberBinding="{Binding Name}"/>
            <GridViewColumn Width="Auto" Header="Référence" DisplayMemberBinding="{Binding InternalReference}" />
            <GridViewColumn Width="Auto" Header="Prix" DisplayMemberBinding="{Binding TotalCostStr}" />
        </GridView>
    </ListView.View>
</ListView>

27/03/2012, 11h48
Kanetsugu

Ah oui effectivement, je pensais pas être aussi proche de la solution :mrgreen:

Dans tous les cas, un grand merci !