WPF Verschachtelte Bindung in einer controltemplate

Habe ich erfolgreich erstellt ein Textfeld, das angezeigt /kollabiert eine Fehlermeldung in Abhängigkeit von einer Gültigkeitsregel in seinem Modell /vm. Der code geht wie folgt für die E-Mail-BSP.:

    <StackPanel Grid.Row="3" Grid.Column="1">
        <TextBox MaxLength="200" x:Name="mailTextBox"
                Style="{StaticResource SectionEditPropertyTextBox}"
                Text="{Binding Email, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
        <ContentPresenter Visibility="{Binding ElementName=mailTextBox, Path=(Validation.HasError), Converter={StaticResource BooleanToVisibilityConverter}, ConverterParameter=True }"
                Content="{Binding ElementName=mailTextBox, Path=(Validation.Errors).CurrentItem}"
                HorizontalAlignment="Left">
            <ContentPresenter.ContentTemplate>
                <DataTemplate>
                    <Label Style="{StaticResource SectionEditErrorLabel}" Content="{Binding Path=ErrorContent}"/>
                </DataTemplate>
            </ContentPresenter.ContentTemplate>
        </ContentPresenter>
    </StackPanel>

Da habe ich ein paar von diesen würde ich gerne dies alles in einem Steuerelement Vorlage und platzieren Sie diese in einem gemeinsamen Ressource-Datei.

Mein template sieht wie folgt aus:

<ControlTemplate x:Key="FormTextBox" TargetType="{x:Type TextBox}">
    <StackPanel Grid.Row="{TemplateBinding Grid.Row}" Grid.Column="{TemplateBinding Grid.Column}">
        <TextBox x:Name="validableText" MaxLength="{TemplateBinding MaxLength}"
                Style="{StaticResource SectionEditPropertyTextBox}"
                Text="{TemplateBinding Text}" />
        <ContentPresenter Visibility="{Binding ElementName=validableText, Path=(Validation.HasError), Converter={StaticResource BooleanToVisibilityConverter}, ConverterParameter=True }"
                Content="{Binding ElementName=validableText, Path=(Validation.Errors).CurrentItem}"
                HorizontalAlignment="Left">
            <ContentPresenter.ContentTemplate>
                <DataTemplate>
                    <Label Style="{StaticResource SectionEditErrorLabel}" Content="{Binding Path=ErrorContent}"/>
                </DataTemplate>
            </ContentPresenter.ContentTemplate>
        </ContentPresenter>
    </StackPanel>
</ControlTemplate>

und ich link wie dieser:

    <TextBox Grid.Row="3" Grid.Column="1" MaxLength="200" Template="{StaticResource FormTextBox}"
             Text="{Binding Email, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />

Leider führt keine Validierung, also die Bindung muss gebrochen werden, irgendwie...

Bitte raten...

Dank.

InformationsquelleAutor karlipoppins | 2011-08-17
  1. 5

    Werden Sie nicht brauchen, die Grid.Row und Grid.Column Bindungen in der Vorlage StackPanel da die StackPanel werden nicht die direkten Kinder eines Grid sowieso,

    TemplateBinding ist immer eine OneWay Bindung der Text Eigenschaft für die Vorlagen TextBox wird nie aktualisiert. Ändern Sie es zu einem regelmäßigen Bindung mit RelativeSource und TwoWay

    Ändern ElementName=validableText zu RelativeSource={RelativeSource TemplatedParent} in die Bindungen für ContentPresenter da wir möchten, führen Sie die Gültigkeitsprüfung auf die Vorlagen TextBox und nicht die TextBox in der Vorlage.

    <ControlTemplate x:Key="FormTextBox" TargetType="{x:Type TextBox}">
    <StackPanel>
        <TextBox x:Name="validableText"
                 MaxLength="{TemplateBinding MaxLength}"
                 Style="{StaticResource SectionEditPropertyTextBox}"
                 Text="{Binding RelativeSource={RelativeSource TemplatedParent},
                                Path=Text,
                                Mode=TwoWay,
                                UpdateSourceTrigger=PropertyChanged}" />
        <ContentPresenter Visibility="{Binding RelativeSource={RelativeSource TemplatedParent},
                                               Path=(Validation.HasError),
                                               Converter={StaticResource BooleanToVisibilityConverter}
                                               ConverterParameter=True}"
                            Content="{Binding RelativeSource={RelativeSource TemplatedParent},
                                              Path=(Validation.Errors).CurrentItem}"
                            HorizontalAlignment="Left">
            <ContentPresenter.ContentTemplate>
                <DataTemplate>
                    <Label Style="{StaticResource SectionEditErrorLabel}" Content="{Binding Path=ErrorContent}"/>
                </DataTemplate>
            </ContentPresenter.ContentTemplate>
        </ContentPresenter>
    </StackPanel>
</ControlTemplate>

    Auf einer seitlichen Anmerkung, eine weitere alternative, die Sie hier haben, ist das erstellen einer UserControl mit dem original-Stück der Xaml-Code, der Sie hatte. Man könnte einführen, die Abhängigkeit Eigenschaften, die für Ihr Szenario (Text, etc.). Es würde erfordern nur kleine änderungen.

    • Vielen, vielen Dank! Es ist eine winzige Grenze pb als mit deinem code die adorner um die gesamte stackpanel, aber ich war in der Lage zu verstehen, wie die Bindung funktioniert, und war in der Lage, mein Validierung funktioniert perfekt!
    InformationsquelleAutor Fredrik Hedblad
Schreibe einen Kommentar