WPF: Ändern einer Control Eigenschaft von einem Datatemplate?

Question

Mit einem MVVM Ansatz zu WPF, habe ich eine Ansicht Modellklasse genannt SubButton. Es ist gestylt wie folgt:

<!-- SubNavButton Appearance -->
<ControlTemplate x:Key="SubNavButton" TargetType="{x:Type RadioButton}">
    <Grid Margin="5,5">
        <Rectangle x:Name="rectBackground" Fill="DimGray" Stroke="#FF000000" Width="150" Height="40" StrokeThickness="1"/>
        <TextBlock x:Name="txtContent" HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="Arial" FontSize="16">
    <ContentPresenter />
        </TextBlock>
    </Grid>
    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Fill" TargetName="rectBackground" Value="Red"/>
        </Trigger>
        <Trigger Property="IsChecked" Value="True">
            <Setter Property="Fill" TargetName="rectBackground" Value="Pink"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

<!-- SubButton data template -->
<DataTemplate DataType="{x:Type VM:SubButton}">
    <RadioButton 
        Template="{StaticResource SubNavButton}"
        Content="{Binding TempText}"
        Command="{Binding SubFrameChanger.Command}"
        CommandParameter="{Binding Key}"
        GroupName="{Binding MenuGroup}"
        V:CreateCommandBinding.Command="{Binding SubFrameChanger}" />
    <DataTemplate.Triggers>
        <!-- This trigger doesn't work -->
        <DataTrigger Binding="{Binding Path=Selected}" Value="True">
            <Setter TargetName="rectBackground" Property="Fill" Value="Green"/>
        </DataTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

Die DataTrigger funktioniert nicht. Selected ist eine regelmäßige .Net-Eigenschaft auf der SubButton Klasse. Ich erhalte einen Kompilierungsfehler, da der Compiler kann nicht herausfinden, wo das rectBackground Ziel kommt. Es ist Teil der ControlTemplate, ich bin nicht sicher, wie es zu sagen, dass? Etwas über die DataContext?

Answer 1

Was Sie wollen, ist nicht möglich. WPF arbeitet mit NameScopes und der Name rectBackground ist außerhalb des Gültigkeitsbereichs in der Datatemplate. Der ursprüngliche Name rectBackground wird nur innerhalb des ursprünglichen Control in Umfang sein. Dies ist ein Glück, denn sonst würden Sie nicht einen doppelten Namen in Ihrer gesamten Anwendung nutzen können. Was können Sie tun, ist die Fill-Eigenschaft von rectBackground binden an die Background-Eigenschaft des RadioButton- durch Template. Wenn Sie den Hintergrund des RadioButton- ändern anderswo in Ihrem Code rectBackground wird diese Bürste als Fill bekommen. Ich änderte etwas Code, den Punkt zu veranschaulichen. Es wird leicht sein, dies mit einem Datatemplate zu Ihrem Modell zu ändern.

    <Window.Resources>
        <ControlTemplate x:Key="SubNavButton" TargetType="RadioButton">
            <Grid Margin="5,5">
                <Rectangle x:Name="rectBackground"
                       Fill="{TemplateBinding Background}" 
                       Stroke="#FF000000" Width="150" Height="40"
                       StrokeThickness="1"/>
                <TextBlock x:Name="txtContent" HorizontalAlignment="Center"
                       VerticalAlignment="Center"
                       FontFamily="Arial" FontSize="16">
                <ContentPresenter />
                </TextBlock>
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Fill"
                        TargetName="rectBackground" Value="Red"/>
                </Trigger>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Fill" 
                        TargetName="rectBackground" Value="Pink"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
        <!-- The Style simulates the same behavior as the DataTemplate-->
        <Style TargetType="RadioButton">
            <Setter Property="Template" 
                Value="{StaticResource SubNavButton}"/>
            <Style.Triggers>
                <Trigger Property="IsFocused" Value="True">
                    <Setter Property="Background" Value="Green"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <StackPanel>
       <RadioButton>one</RadioButton>
       <RadioButton>two</RadioButton>
    </StackPanel>