Question

Hopefully someone can help here.

I have a ListView that is populated by a List Property in my ViewModel.

I have another List Property in my ViewModel that contains the Rows in the UI I need highlighting.

   <ListView.Resources>
        <Style TargetType="ListViewItem">
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Foreground" Value="Red"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ListView.Resources>

This does exactly what is looks like, any item I select in the ListView highlights in Red.
I want to be able to Bind this style trigger to the List property in my ViewModel.

Anybody know how this can be achieved?

Answer 1

Create a property called IsSelected on your item and bind it to your ListViewItem.IsSelected

<Style TargetType="ListViewItem">
    <Setter Property="IsSelected" Value="{Binding IsSelected}" />
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Foreground" Value="Red"/>
        </Trigger>
    </Style.Triggers>
</Style>

Edit

If you want to apply other style setters based on a property in your DataItem, use a DataTrigger instead of a regular Trigger. Regular Triggers are only meant to be used on UI Element properties, not bindings.

<Style TargetType="ListViewItem">
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsHighlighted}" Value="True">
            <Setter Property="Foreground" Value="Red" />
        </DataTrigger>
    </Style.Triggers>
</Style>