Discussion :

[Kanetsugu]

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

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

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

[tomlev]

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

[Kanetsugu]

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

Dans tous les cas, un grand merci !