How to set color to selected item at TreeView

Question

I try to set Red color to selected item on TreeView:

 <TreeView x:Name="tvVisual" Grid.Row="0" Grid.RowSpan="2"
                  VirtualizingStackPanel.IsVirtualizing="True" 
ItemsSource="{Binding Childrens,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"      
                  VirtualizingStackPanel.VirtualizationMode="Recycling"
                  >
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate 
ItemsSource="{Binding Childs,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}">
                    <TextBlock Text="{Binding Path=Value.Name}"/>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>


            <TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}" >
                    <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
                    <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />                           
                    <Setter Property="FontWeight" Value="Normal" />                            

                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="BorderBrush" Value="Red"/>
                            <Setter Property="Background" Value="Bisque"/>
                        </Trigger>

                        <!-- Selected but does not have the focus -->
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="True"/>
                                <Condition Property="IsSelectionActive" Value="False"/>
                            </MultiTrigger.Conditions>
                            <Setter Property="BorderBrush" Value="Red"/>
                        </MultiTrigger>
                    </Style.Triggers>                        
                </Style>
            </TreeView.ItemContainerStyle>


        </TreeView>

I took some part of code from this Sheridan answer, but it not works for me. If i change IsSelected property to IsExpanded - it works. At my getter\setter: value changed.

May be it can help: i select and expand all subnodes by code.

So, how to make IsSelected item set new color? Thank you!

P.S. and it is strange- but at getter\setter PropertyChanged is null...

 private bool _isSelected;      
    public bool IsSelected
    {
        get
        {
            return _isSelected;
        }
        set
        {
            _isSelected = value;
            OnPropertyChanged("IsSelected"); //PropertyChanged is null.
        }

    }

Admiral Land Admiral Land · Accepted Answer · 2015-11-23T14:00:05

      <TreeView x:Name="tvVisual" BorderBrush="{DynamicResource scbTreeCategories}" BorderThickness="5"
                  VirtualizingStackPanel.IsVirtualizing="False"
                  ItemsSource="{Binding Childrens,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
                  ScrollViewer.CanContentScroll="False"
                  TreeViewItem.Selected="tvVisual_Selected"                                                                   
                  >

              <TreeView.ItemTemplate>

                <HierarchicalDataTemplate ItemsSource="{Binding Childs,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}">
                    <TextBlock Text="{Binding Path=Name}">
                        <TextBlock.Style>
                            <Style TargetType="TextBlock">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsSelected}" Value="True">
                                        <!--<Setter Property="Background" Value="#4682B4" />-->
                                        <Setter Property="FontWeight" Value="Bold"/>
                                        <Setter Property="Background" Value="Blue"/>
                                        <Setter Property="Foreground" Value="White"/>

                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding IsTargetItem}" Value="True">
                                        <Setter Property="FontWeight" Value="Bold"/>
                                        <Setter Property="Background" Value="Blue"/>
                                        <Setter Property="Foreground" Value="White"/>
                                   </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </TextBlock.Style>
                    </TextBlock>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>

            <TreeView.ItemContainerStyle>
                    <Style TargetType="{x:Type TreeViewItem}" >
                        <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
                        <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
                    </Style>
                </TreeView.ItemContainerStyle>


        </TreeView>

How to set color to selected item at TreeView

1 Answers