Montrer WPF message d'erreur de validation dans un lieu fixe

J'ai eu WPF validation en cours d'exécution (ajouté ValidationRules de la liaison) et avec le modèle je peux créer des beaux ornements. Il y a beaucoup de détachement.

Mais je ne peux pas trouver un moyen d'afficher le message d'erreur à l'extérieur de la ornés de contrôle dans un lieu fixe comme un TextBlock dans un coin de la fenêtre par exemple

Comment pourrais-je y parvenir? Puis-je lier tous mes messages d'erreur de validation pour mon DataContext (ViewModel ici)?

Mise à jour: Merci pour la réponse, je suis partie au travail. La validation des messages sont maintenant affichés dans une autre étiquette. Comme toutes les zones de texte avec leurs règles de validation sont créées à la volée par le code, les contraignant à faire est fait de cette façon:

Binding bindSite = new Binding();
bindSite.Source = this.validationErrorDisplayLabel;
BindingOperations.SetBinding(textBox, Validation.ValidationAdornerSiteProperty, bindSite);

Mais les messages de validation sont uniquement transmises à la adornersite pour la dernière zone de texte pour lequel ce code a été exécuté.

J'ai reproduit le problème dans ce petit exemple.

XAML:

<Grid>
    <TextBox 
        Validation.ValidationAdornerSite="{Binding ElementName=ErrorDisplay}"
        HorizontalAlignment="Left" Height="23" Margin="10,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120">
        <TextBox.Text>
            <Binding>
                <Binding.Path>Box1</Binding.Path>
                <Binding.ValidationRules>
                    <local:RuleA />
                </Binding.ValidationRules>
            </Binding>
        </TextBox.Text>
    </TextBox>
    <TextBox 
        Validation.ValidationAdornerSite="{Binding ElementName=ErrorDisplay}"
        HorizontalAlignment="Left" Height="23" Margin="10,38,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120">
        <TextBox.Text>
            <Binding>
                <Binding.Path>Box2</Binding.Path>
                <Binding.ValidationRules>
                    <local:RuleA />
                </Binding.ValidationRules>
            </Binding>
        </TextBox.Text>
    </TextBox>
    <TextBlock 
        x:Name="ErrorDisplay"
        Background="AntiqueWhite"
        Foreground="Red"
        Text="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=(Validation.ValidationAdornerSiteFor).(Validation.Errors)[0].ErrorContent}"
        HorizontalAlignment="Left" Margin="230,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" RenderTransformOrigin="2.218,-4.577" Width="177" Height="51"/>
</Grid>

La classe RuleA produit une erreur de validation lorsque la valeur est égale à la chaîne de "A". Les erreurs dans la 2ème zone de texte sont affichés dans le TextBlock, les erreurs du premier pas (elle utilise le modèle par défaut et obtient une bordure rouge).

Comment peut-il travailler pour les deux? Le textblock n'a pas besoin de la somme de toutes les erreurs, mais l'affichage de la première erreur.

OriginalL'auteur ZoolWay | 2014-11-17

c#mvvm validation wpf

Vous pouvez utiliser un BindingGroup en combinaison avec la Validation.ValidationAdornerSite et Validation.ValidationAdornerSiteFor propriétés.

Ce blog vous montre un exemple de comment faire cela.

<StackPanel x:Name="FormRoot"
            Validation.ValidationAdornerSite="{Binding ElementName=ErrorDisplay}">
  <FrameworkElement.BindingGroup>
    <BindingGroup Name="FormBindingGroup" />
  </FrameworkElement.BindingGroup>

  <TextBox>
    <TextBox.Text>
      <Binding BindingGroupName="FormBindingGroup"
               UpdateSourceTrigger="LostFocus"
               Path="Box1">
        <Binding.ValidationRules>
          <l:RuleA />
        </Binding.ValidationRules>
      </Binding>
    </TextBox.Text>
  </TextBox>

<TextBox>
    <TextBox.Text>
      <Binding BindingGroupName="FormBindingGroup"
               UpdateSourceTrigger="LostFocus"
               Path="Box2">
        <Binding.ValidationRules>
          <l:RuleA />
        </Binding.ValidationRules>
      </Binding>
    </TextBox.Text>
  </TextBox>

  <ItemsControl x:Name="ErrorDisplay"
                Background="AntiqueWhite"
                Foreground="Red"
                ItemsSource="{Binding RelativeSource={RelativeSource Self},
                                      Path=(Validation.ValidationAdornerSiteFor).(Validation.Errors)}"
                DisplayMemberPath="ErrorContent" />
</StackPanel>

De commettre les valeurs que l'utilisateur tape, changer la UpdateSourceTrigger valeurs de PropertyChanged. Notez qu'il n'est pas strictement nécessaire à l'utilisation ValidationAdornerSite ici; vous pouvez simplement pointer le ErrorDisplay liant directement à la propriétaire de la BindingGroup:

ItemsSource="{Binding ElementName=FormRoot, Path=(Validation.Errors)}"

Merci pour vos conseils! Avec Validation.ValidationAdornerSite et Validation.ValidationAdornerSiteFor j'ai eu le résultat de validation à un autre contrôle. Mais seulement un travailleur pour les erreurs dans la dernière zone de texte attribué une ..AdornerSite.
J'ai reçu cette réponse car elle m'a aidé à bien que ma solution se trouve dans une autre direction. Merci. Voir accepté de répondre pour ce qui était ma dernière solution.
Merci, content d'avoir pu aider!

OriginalL'auteur Mike Strobel

Grâce à http://www.scottlogic.com/blog/2008/11/28/using-bindinggroups-for-greater-control-over-input-validation.html j'ai été en mesure de résoudre ce avec un BindingGroup et sans ValidationAdornerSite.

<Window x:Class="BindingAndValidation.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:BindingAndValidation"
Title="Binding and Validation" Height="110" Width="425"
DataContext="{Binding RelativeSource={RelativeSource Self}}"
>
<Grid x:Name="RootElement">
<Grid.Resources>
<Style TargetType="{x:Type TextBox}">
<Style.Triggers>
<Trigger Property="Validation.HasError" Value="true">
<Setter Property="ToolTip" Value="{Binding RelativeSource={RelativeSource Self}, Path=(Validation.Errors)[0].ErrorContent}" />
</Trigger>
</Style.Triggers>
</Style>
</Grid.Resources>
<Grid.BindingGroup>
<BindingGroup Name="LocalBindingGroup">
<BindingGroup.ValidationRules>
<local:RuleGroup />
</BindingGroup.ValidationRules>
</BindingGroup>
</Grid.BindingGroup>
<TextBox 
HorizontalAlignment="Left" Height="23" Margin="10,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" LostFocus="TextBox_LostFocus">
<TextBox.Text>
<Binding>
<Binding.Path>Box1</Binding.Path>
<Binding.BindingGroupName>LocalBindingGroup</Binding.BindingGroupName>
<Binding.ValidationRules>
<local:RuleA />
</Binding.ValidationRules>
</Binding>
</TextBox.Text>
</TextBox>
<TextBox 
HorizontalAlignment="Left" Height="23" Margin="10,38,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120">
<TextBox.Text>
<Binding>
<Binding.Path>Box2</Binding.Path>
<Binding.BindingGroupName>LocalBindingGroup</Binding.BindingGroupName>
<Binding.ValidationRules>
<local:RuleA />
</Binding.ValidationRules>
</Binding>
</TextBox.Text>
</TextBox>
<ItemsControl ItemsSource="{Binding Path=(Validation.Errors), ElementName=RootElement}" MinWidth="100" MinHeight="16" Margin="230,10,0,0" Background="AntiqueWhite" Foreground="Red">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Label Foreground="Red" Content="{Binding Path=ErrorContent}"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
<Button Content="Button" HorizontalAlignment="Left" Margin="150,0,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click" />
</Grid>
</Window>

La validation se produit uniquement lorsque vous appelez CommitEdit. Si vous voulez l'avoir tout de suite comme j'ai voulu, ici, vous pouvez utiliser LostFocus

    private void TextBox_LostFocus(object sender, RoutedEventArgs e)
{
this.RootElement.BindingGroup.CommitEdit();
}

Bien sûr, pour un plus grand projet d'une propriété attachée pourrait aider.

OriginalL'auteur ZoolWay

Vous devez vous connecter pour publier un commentaire.