RadListBox選擇邊框顏色WPF

Question

我正在使用帶有telerik控件的WPF應用程序。

我正在使用RadListBox ，它根據記錄數在運行時生成。 因此，如果我的集合中有10條記錄，則10 RadListBox將顯示在應用程序中。 當我選擇每個RadListBox時，附近面板中將顯示RadListBox的詳細視圖。 一次只能選擇一個RadListBox 。

當我現在選擇RadListBox時，它顯示灰色的背景，這是不可見的，並且用戶不確定在10個之中選擇了哪個。

現在，我需要為選定的RadListBox設置邊框。 因此，每當用戶選擇RadListBox ，選定的ListBox邊框應為紅色。

無論如何，我可以訪問Selected RadListBox及其Border屬性嗎？

.XAML代碼：

 <telerik:RadListBox Grid.Column="0" Grid.Row="0" Margin="0,25,0,0" BorderThickness="1" BorderBrush="#FFCBD8E8"  ItemsSource="{Binding MCollection, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, NotifyOnSourceUpdated=True, ValidatesOnDataErrors=True}" ItemTemplate="{StaticResource ImageDataTemplate}" ItemContainerStyle="{StaticResource DraggableListBoxItem}" DragEnter="lseries_DragEnter" DragLeave="ls_DragLeave" Style="{StaticResource myListboxStyle}" SelectedItem="{Binding SSeries, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" telerik:StyleManager.Theme="Windows8" PreviewKeyDown="RadListBox_PreviewKeyDown" MouseDoubleClick="l_MouseDoubleClick" PreviewMouseDown="RadListBox_PreviewMouseLeftButtonDown" SelectionChanged="Mt_SelectionChanged">
</telerik:RadListBox>

圖像數據模板：

<DataTemplate  x:Key="ImageDataTemplate">
            <Border BorderThickness="2" BorderBrush="#FF21A2DE" CornerRadius="2" VerticalAlignment="Top">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="20" />
                        <RowDefinition Height="100" />
                    </Grid.RowDefinitions>
                    <TextBlock x:Name="SeriesNo" Grid.Column="0"  Grid.Row="0" HorizontalAlignment="Center">
                        <TextBlock.Style>
                            <Style TargetType="{x:Type TextBlock}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Path=Istre, Mode=TwoWay, Source={StaticResource MViewModel}}" Value="False">
                                        <Setter  Property="Text" Value="{Binding SNumber}"  />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Path=Istre, Mode=TwoWay, Source={StaticResource MViewModel}}" Value="True">
                                        <Setter  Property="Visibility" Value="Collapsed" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </TextBlock.Style>
                    </TextBlock>
                    <TextBlock Grid.Column="0" Grid.Row="1" HorizontalAlignment="Center">
                        <TextBlock.Style>
                            <Style TargetType="{x:Type TextBlock}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Path=Istre, Mode=TwoWay, Source={StaticResource MViewModel}}" Value="False">
                                        <Setter  Property="Text" Value="{Binding RDNumber}"  />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Path=Istre, Mode=TwoWay, Source={StaticResource MViewModel}}" Value="True">
                                        <Setter  Property="Text" Value="{Binding SeriesNumber}" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </TextBlock.Style>
                    </TextBlock>
                    <Image x:Name="viewImage" Grid.Row="2" Stretch="Uniform"  Height="100" Width="135" Source="{Binding DisplayImage, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, NotifyOnSourceUpdated=True, ValidatesOnDataErrors=True}" Visibility="Visible" />
                    <TextBlock x:Name="viewText" Grid.Row="2" VerticalAlignment="Center" Height="100" HorizontalAlignment="Center" />
                </Grid>
            </Border>
        </DataTemplate>

RadListBox列表的圖像：

Answer 1

您在ImageDataTemplate中需要以下內容：

<Border.Style>
    <Style TargetType="Border">
        <Style.Triggers>
            <DataTrigger Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource AncestorType=telerik:RadListBoxItem, AncestorLevel=1}}" Value="True">
                <Setter Property="BorderBrush" Value="Red"/>
            </DataTrigger>
        </Style.Triggers>
        <Setter Property="BorderBrush" Value="#FF21A2DE"/>
    </Style>
</Border.Style>

不要忘記從Border創建行中刪除BorderBrush setter。