错误模板显示在其他控件上方,应隐藏它

时间:2012-04-24 08:40:56

标签: .net wpf validation xaml idataerrorinfo

我正在尝试使用IDataErrorInfo界面在我的WPF应用程序中实现验证,并且我遇到了一个不太理想的情况。

我有这个模板,当控件无法验证时使用

<ControlTemplate x:Key="errorTemplate">
    <DockPanel LastChildFill="true">
        <Border Background="Red" DockPanel.Dock="Right" Margin="5,0,0,0" Width="20" Height="20" CornerRadius="10"
                                    ToolTip="{Binding ElementName=customAdorner, Path=AdornedElement.(Validation.Errors)[0].ErrorContent}">
            <TextBlock Text="!" VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="Bold" Foreground="White" />
        </Border>
        <AdornedElementPlaceholder Name="customAdorner" VerticalAlignment="Center" >
            <Border BorderBrush="red" BorderThickness="1" />
        </AdornedElementPlaceholder>
    </DockPanel>
</ControlTemplate>

一切顺利,直到我尝试在验证失败的控件上方显示某些内容,例如在其上方显示停靠项:

Normal display Display when part of the control is hidden

如何避免这种情况并使我的错误模板显示在停靠项目下面,应该如何?

修改

我发现我可以用TextBox包裹AdornerDecorator来解决此问题,但我真的不想为我的应用程序中的每个TextBox控件执行此操作。有没有办法用Style或其他方式设置它?

编辑2

我可能会将默认的TextBox ControlTemplate更改为包含AdornerDecorator,但我不太热衷于更改任何WPF的默认控件模板。欢迎任何其他建议。

3 个答案:

答案 0 :(得分:14)

好的,我找到了一个相对简单的解决方案,它不会强迫我更改任何控件模板。

而不是像TextBox那样装饰每个AdornerDecorator

<StackPanel>
    <AdornerDecorator>
        <TextBox Text={Binding ...} />
    </AdornerDecorator>
    <AdornerDecorator>
        <TextBox Text={Binding ...} />
    </AdornerDecorator>
</StackPanel>

我可以让AdornerDecorator包裹我的整个视图,从而获得相同的结果。

<AdornerDecorator>
    <StackPanel>
        <TextBox Text={Binding ...} />
        <TextBox Text={Binding ...} />
    </StackPanel>
</AdornerDecorator>

这样我每次最多可以定义一次。

答案 1 :(得分:3)

基于@AdiLester的好答案,如果您的控件是从基类派生的,并且您不想将AdornerDecorator放在每个控件的XAML中,那么就这样:

public class MyBaseUserControl : UserControl
{
    public MyBaseUserControl()
    {

    }

    protected override void OnContentChanged(object oldContent, object newContent)
    {
        base.OnContentChanged(oldContent, newContent);

        if (!(newContent is AdornerDecorator))
        {
            this.RemoveLogicalChild(newContent);

            var decorator = new AdornerDecorator();
            decorator.Child = newContent as UIElement;

            this.Content = decorator;
        }
    }
}

答案 2 :(得分:0)

我会使用一种风格,这里有一个你可以很容易适应的例子。

请注意,ErrorContent来自(Validation.Errors).CurrentItem.ErrorContent而不是Errors [0]。虽然两者都有效,但后者会将吞没的异常作为outlined here丢弃输出窗口。

<Style x:Key="TextBoxStyle" TargetType="{x:Type TextBox}">
    <Setter Property="Margin" Value="0,0,16,0" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Setter Property="VerticalContentAlignment" Value="Center" />

    <!--
    Error handling
    -->
    <Setter Property="Validation.ErrorTemplate">
        <Setter.Value>
            <ControlTemplate>
                <DockPanel LastChildFill="True">
                    <TextBlock DockPanel.Dock="Right" Text=" *" 
                               Foreground="Red" FontWeight="Bold" FontSize="16" 
                               ToolTip="{Binding ElementName=placeholder, Path=AdornedElement.(Validation.Errors).CurrentItem.ErrorContent}"/>
                    <Border BorderBrush="Red"  BorderThickness="1">
                        <AdornedElementPlaceholder Name="placeholder"></AdornedElementPlaceholder>
                    </Border>
                </DockPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="Validation.HasError" Value="True">
            <Setter Property="Background" Value="LightYellow"/>
        </Trigger>
    </Style.Triggers>
</Style>