WPF 数据网格样式错误 IDataErrorInfo.

本文关键字：错误 IDataErrorInfo 样式 网格 数据 数据网 WPF | 更新日期: 2023-09-27 18:34:15

我正在使用 MVVM，并且有一个带有可编辑列的数据网格，我正在对其进行验证：

<DataGridTemplateColumn Header="Key" Width="80">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Key}" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
                <DataGridTemplateColumn.CellEditingTemplate>
                    <DataTemplate>
                        <vw:NumericTextBox Text="{Binding Key, Mode=TwoWay,ValidatesOnDataErrors=True,UpdateSourceTrigger=PropertyChanged}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellEditingTemplate>
            </DataGridTemplateColumn>

我添加了一个样式以将错误显示为工具提示：

<Style TargetType="{x:Type DataGridCell}">
    <Style.Triggers>
        <Trigger Property="Validation.HasError" Value="true">
            <Setter Property="ToolTip" Value="{Binding RelativeSource={x:Static RelativeSource.Self},Path=(Validation.Errors).CurrentItem.ErrorContent}"/>
        </Trigger>
    </Style.Triggers>
</Style>

因此，将触发验证，并以红色勾勒出单元格的轮廓，并显示错误消息工具提示。

我有 2 个问题，首先，当用户单击单元格外时，单元格仍以红色轮廓显示，但将鼠标悬停在上方时不显示工具提示。我如何让它工作？第二个问题是我不想要的行旁边有一个橙色感叹号。我认为这是因为网格或行上的某些默认样式。如何摆脱它（红色轮廓很好）？

WPF 数据网格样式错误 IDataErrorInfo.

要删除感叹号，您必须像这样编辑数据网格行：

<DataGrid ...> 
<DataGrid.RowStyle> 
    <Style TargetType="DataGridRow"> 
        <Setter Property="ValidationErrorTemplate" Value="{x:Null}"/> 
    </Style> 
</DataGrid.RowStyle> 
<!-- ... --> 
</DataGrid>
对于

第一部分 - 要在悬停时显示错误，您还需要为 TextBlock 目标类型设置工具提示属性。我使用以下两种样式来显示来自 IDataErrorInfo 在数据网格单元格编辑和悬停上的错误。

<Style x:Key="EditCellStyleError" 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>
    <Style x:Key="CellStyleError" TargetType="{x:Type TextBlock}">
        <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>

为数据网格设置这些样式

<DataGridTextColumn .....
EditingElementStyle="{StaticResource EditCellStyleError}" ElementStyle="{StaticResource CellStyleError}"
</DataGridTextColumn>
相关文章：