Question

我有一个用户控件来验证它的内容。

我正在使用IDataErrorInfo来验证输入（我将使用.Net 3.5）。

我正在关注本教程： http://japikse.blogspot.ch/2009/07/idataerrorinfo-error-templates-and-wpf.html

这意味着我使用以下样式：

<Style TargetType="{x:Type TextBox}">
<Style.Triggers>
    <Trigger Property="Validation.HasError" Value="true">
        <Setter Property="Background" Value="Pink"/>
        <Setter Property="Foreground" Value="Black"/>
    </Trigger>
</Style.Triggers>
<Setter Property="Validation.ErrorTemplate">
    <Setter.Value>
        <ControlTemplate>
            <DockPanel LastChildFill="True" 
               ToolTip="{Binding ElementName=controlWithError,Path=AdornedElement.(Validation.Errors)[0].ErrorContent}">
                <TextBlock DockPanel.Dock="Right" 
                   Foreground="Red"
                   FontSize="14pt" 
                   Margin="-15,0,0,0" FontWeight="Bold">*
                </TextBlock>
                <Border BorderBrush="Red" BorderThickness="1">
                <AdornedElementPlaceholder Name="controlWithError" />
                </Border>
            </DockPanel>
        </ControlTemplate>
    </Setter.Value>
</Setter>

问题是，在某些情况下，我要隐藏表单（当没有选择任何元素时），但是当我显示一个表单WITH NO ERROR，然后我折叠表单（网格）， UserControls中的文本框（由于它们不接受空值而无效）得到红色边框和星号：

enter image description here

不隐藏时的相同形式： enter image description here 请注意：它只是可见的ErrorTemplate的内容，触发器的内容（背景为粉红色，前景为黑色）未应用。

所以我认为这种风格有问题，但我对WPF风格不太熟悉，无法理解原因。

另一件奇怪的事：如果我的文本框具有相同的验证（而不是用户控件中的文本框），则会正确隐藏它们。

修改我发现了一些对我有很多帮助的东西，首先是这个话题： Hiding validation adornment when hiding a control 有了这个，我做了以下操作：将我的用户控件可见性绑定到隐藏元素可见性，然后在用户控件中，我将文本框可见性绑定到用户控件可见性，然后（最后），我添加一个样式触发器：

<Style TargetType="{x:Type TextBox}">
        <Style.Triggers>
            <Trigger Property="Validation.HasError" Value="true">
                <Setter Property="Background" Value="Pink"/>
                <Setter Property="Foreground" Value="Black"/>
            </Trigger>
            <Trigger Property="Visibility" Value="Visible">
                <Setter Property="Validation.ErrorTemplate">
                    <Setter.Value>
                        <ControlTemplate>
                            <DockPanel LastChildFill="True" ToolTip="{Binding ElementName=controlWithError,Path=AdornedElement.(Validation.Errors)[0].ErrorContent}" >
                                <TextBlock DockPanel.Dock="Right" Foreground="Red" FontSize="14pt" Margin="-15,0,0,0" FontWeight="Bold">*</TextBlock>
                                <Border BorderBrush="Red" BorderThickness="1">
                                    <AdornedElementPlaceholder Name="controlWithError" />
                                </Border>
                            </DockPanel>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
</Style>

它几乎可以工作！唯一剩下的就是一个小红点，它来自无处 enter image description here

从哪里来的任何想法？

Answer 1

我找到了一种解决方法，这可能不是最好的方法（如果你有更好的方法，请告诉我！）。

首先，当我使用我的usercontrol时，我将它的可见性绑定到我要隐藏的usercontrol：

<userContols:BrowseFileControl  Visibility="{Binding ElementName=uxFormGrid, Path=Visibility}"/>

其次，在IDataErrorInfo方法（public string this[string columnName]）中，我只返回错误，如果显示当前控件。

    public string this[string columnName]
    {
        get
        {
            String result=null;
            if (Visibility == Visibility.Visible)
            {
                if (columnName == "FilePath")
                {
                    if (String.IsNullOrEmpty(FilePath))
                    {
                        if (!CanBeEmpty)
                        {
                            result = "Mandatory field";
                        }
                    }
                    else if (!IsValidFilePath(FilePath))
                    {
                        result = "Malformed path";
                    }
                }
            }
            return result;
        }
    }

我更喜欢处理样式，但我没有找到完全删除任何红色标记的方法。

即使用户控件折叠/隐藏，也会显示错误样式

1 个答案: