如何將驗證綁定到TimePicker（AvalonControlsLibrary）？

Question

我想將自定義驗證綁定到TimePicker自定義控件，但下面的代碼表示「Canot將內容添加到TimePicker的對象類型。」。

<Controls:TimePicker Name="TimePickerEndTime" 
         Grid.Row="2" 
         Grid.Column="1" 
         SelectedHour="11" 
         SelectedMinute="20" 
         SelectedSecond="0" 
         > 
     <Binding Path="EndTime" UpdateSourceTrigger="PropertyChanged"> 
      <Binding.ValidationRules> 
       <Validators:MyCustomTimepickerValidation ErrorMessage="{DynamicResource NumberValidatorMesage}"/> 
      </Binding.ValidationRules> 
     </Binding> 
    </Controls:TimePicker> 

Answer 1

你應該把Binding在SelectedTime標籤：

<Controls:TimePicker Name="TimePickerEndTime" 
        Grid.Row="2" 
        Grid.Column="1" 
        SelectedHour="11" 
        SelectedMinute="20" 
        SelectedSecond="0" 
        > 
    <Controls:TimePicker.SelectedTime> 
     <Binding Path="EndTime" Mode="TwoWay" UpdateSourceTrigger="PropertyChanged"> 
      <Binding.ValidationRules> 
       <Validators:MyCustomTimepickerValidation ErrorMessage="{DynamicResource NumberValidatorMesage}"/> 
      </Binding.ValidationRules> 
     </Binding> 
    </Controls:TimePicker.SelectedTime> 
</Controls:TimePicker> 

完全教程如何創建ValidationRules到TimePicker。

1）創建的風格來顯示錯誤消息：

<Style x:Key="timePickerInError" TargetType="{x:Type Controls:TimePicker}"> 
    <Style.Triggers> 
     <Trigger Property="Validation.HasError" Value="true"> 
      <Setter Property="ToolTip" 
        Value="{Binding RelativeSource={x:Static RelativeSource.Self}, 
         Path=(Validation.Errors)[0].ErrorContent}"/> 
      <Setter Property="Background" Value="Red" /> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

2）創建的自定義類從ValidationRule繼承：

public class TimeRangeRule : ValidationRule 
{ 
    private TimeSpan _min; 
    private TimeSpan _max; 

    public TimeRangeRule() 
    {   
    } 

    public TimeSpan Min 
    { 
     get { return _min; } 
     set { _min = value; } 
    } 

    public TimeSpan Max 
    { 
     get { return _max; } 
     set { _max = value; } 
    } 

    public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo) 
    { 
     if (value != null) 
     { 
      TimeSpan time = (TimeSpan)value; 

      if ((time < Min) || (time > Max)) 
      { 
       return new ValidationResult(false, 
        "Please enter the time in the range: " + Min + " - " + Max + "."); 
      } 
      else 
      { 
       return new ValidationResult(true, null); 
      } 
     } 
     else 
      return new ValidationResult(true, null); 
    } 
} 

3）寫入適當的風格和ValidationRules結合：

<Controls:TimePicker Name="TimePickerEndTime"        
      Style="{StaticResource timePickerInError}" > 
    <Controls:TimePicker.SelectedTime> 
     <Binding Path="EndTime" Mode="TwoWay" UpdateSourceTrigger="PropertyChanged" > 
      <Binding.ValidationRules> 
       <Validators:TimeRangeRule Min="10:00:00" Max="15:00:00"/> 
      </Binding.ValidationRules> 
     </Binding> 
    </Controls:TimePicker.SelectedTime> 
</Controls:TimePicker>