思路
- 创建ControlTemplate,也就是control显示vlidationtion时的模样。
- 控件的Validation.ErrorTemplate邦定之前创建的ControlTemplate。
- 创建ValidationRule(类,继承 System.Windwos.Controls.ValidationRule)。
- 控件的值(Text/ItemSource/SelectedDate)邦定ValidationRule。
XML
ControlTemplate
AdornedElementPlaceholder 是一个重要的元素,它是一个占位符,需要做validation的控件会被放到这里,就等于说它模拟了一个控件,然后其他元素可以根据控件的位置进行排版。
<Window.Resources>
<ControlTemplate x:Key="validationErrorTemplate">
<WrapPanel>
<AdornedElementPlaceholder x:Name="ErrorAdorner" ></AdornedElementPlaceholder>
<Grid Margin="2,0,0,0">
<Ellipse Fill="Red" Width="12" Height="12" VerticalAlignment="Center">
</Ellipse>
<TextBlock FontSize="8" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Center">x</TextBlock>
</Grid>
<TextBlock Foreground="Red" VerticalAlignment="Center" Margin="2,0,0,0"
Text="{Binding ElementName=ErrorAdorner,
Path=AdornedElement.(Validation.Errors)[0].ErrorContent}"
></TextBlock>
</WrapPanel>
</ControlTemplate>
</Window.Resources>
控件
- ValidatesOnTargetUpdated=“True”,如果这一句不加,窗口在加载的时候是不会进行validation,这样有机会出错。
- DatePicker的值可以邦定SelectedDate, Text。如果是Text,就必须手动设置mode为twoway。无论邦定的是Text或者SelectedDate,数据源的数据类型最好与控件的一致。
- 如果validation不通过,控件的值是不会被操作的,也就是邦定的数据是不会被改动。
<DatePicker HorizontalAlignment="Left" Margin="184,113,0,0" VerticalAlignment="Top"
Validation.ErrorTemplate="{StaticResource validationErrorTemplate}">
<DatePicker.Text>
<Binding Path="Values" Mode="TwoWay" ValidatesOnDataErrors="False" UpdateSourceTrigger="PropertyChanged">
<Binding.ValidationRules>
<local:MyValidation ValidatesOnTargetUpdated="True"/>
</Binding.ValidationRules>
</Binding>
</DatePicker.Text>
</DatePicker>
C#代码
ValidationRule类
Imports System.Globalization
Public Class MyValidation
Inherits ValidationRule
Public Overrides Function Validate(value As Object, cultureInfo As CultureInfo) As ValidationResult
If value Is Nothing OrElse value.ToString() = String.Empty Then
Return New Controls.ValidationResult(False, "Value cannot be empty.")
End If
Return ValidationResult.ValidResult
End Function
End Class
最终效果
、