2012-07-17 40 views
0

我希望ComboBox出现错误时,我的ComboBox旁边的标签文本变为红色,但是我目前如何设置Label的文本颜色只更新控制器的初始负载。如何在ComboBox中的选择发生变化时验证标签?还是有另一种方式来更新标签的风格?基于另一个控件验证的样式标签

我有以下XAML:

<Style x:Key="labelStyle" TargetType="Label"> 
    <Setter Property="HorizontalContentAlignment" Value="Left" /> 
    <Setter Property="VerticalContentAlignment" Value="Center" /> 
    <Setter Property="Validation.ErrorTemplate"> 
     <Setter.Value> 
      <ControlTemplate> 
       <AdornedElementPlaceholder> 
        <Border BorderBrush="Transparent" BorderThickness="0" /> 
       </AdornedElementPlaceholder> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 

    <Style.Triggers> 
     <Trigger Property="Validation.HasError" Value="true"> 
      <Setter Property="Background" Value="White"/> 
      <Setter Property="Foreground" Value="Red"/> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

<Label Style="{StaticResource labelStyle}" Content="{Binding Path=Label, ValidatesOnDataErrors=True}" /> 

<ComboBox ItemsSource="{Binding Path=ItemList}" SelectedItem="{Binding Path=SelectedItem, ValidatesOnDataErrors=True}"/> 

然后在代码:

public string this[string propertyName] 
{ 
    get 
    { 
     if (propertyName == "Label") 
     { 
      if (this.IsRequired && !DelayValidation && SelectedItem == "") 
       return Label + " required"; 
     } 

     return null; 
    } 
} 

回答

1

随着你是怎么做到的,你就还需要提高财产上的“标签”性质,只要改变您的'SelectedItem'属性发生变化。

你可以做到这一点,而不必在你的模型/视图模型(或者你绑定的任何东西)上使用xaml解决方案。如果你有一个像一个组合框:

<ComboBox Name="comb" ItemsSource="{Binding Strings}" SelectedValue="{Binding Stringy,ValidatesOnDataErrors=True}" /> 

你可以做一个标签,如:

<Label Content="Select a string"> 
    <Label.Style> 
     <Style TargetType="Label"> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding ElementName=comb,Path=(Validation.HasError)}" Value="True"> 
        <Setter Property="Foreground" Value="Red" /> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Label.Style> 
</Label> 

或者,如果你想这对多个控件(或者,如果你不希望有这种风格/在标签的显式的触发),你可以做出这样的附加属性/行为:

public class LabelValidationHelper 
{ 
    public static FrameworkElement GetDetailControl(DependencyObject obj) 
    { 
     return (FrameworkElement)obj.GetValue(DetailControlProperty); 
    } 

    public static void SetDetailControl(DependencyObject obj, FrameworkElement value) 
    { 
     obj.SetValue(DetailControlProperty, value); 
    } 

    public static readonly DependencyProperty DetailControlProperty = DependencyProperty.RegisterAttached("DetailControl", typeof(FrameworkElement), typeof(LabelValidationHelper), new UIPropertyMetadata(null, OnDetailControlChanged));  

    private static void OnDetailControlChanged(DependencyObject sender, DependencyPropertyChangedEventArgs args) 
    { 
     if (args.NewValue == null) 
      return; 

     var label = (Label)sender; 

     var style = new Style(typeof(Label), label.Style); 

     var binding = new Binding(); 
     binding.Source = args.NewValue; 
     binding.Path = new PropertyPath(Validation.HasErrorProperty); 

     var trigger = new DataTrigger(); 
     trigger.Binding = binding; 
     trigger.Value = true; 

     var setter = new Setter(); 
     setter.Property = Label.ForegroundProperty; 
     setter.Value = Brushes.Red; 

     trigger.Setters.Add(setter); 

     style.Triggers.Add(trigger); 

     label.Style = style; 
    } 

} 

而且你可以把它想:

<Label Content="Select a string" example:LabelValidationHelper.DetailControl="{Binding ElementName=comb}" /> 
+0

伟大的作品,谢谢。 – rwdial 2012-07-17 23:19:57

0

您可以只使用样式。

<Style TargetType="Label"> 
     <Setter Property="FontSize" Value="20"/> 
     <Setter Property="FontWeight" Value="Bold"/> 
     <Setter Property="Padding" Value="0,5"/> 
     <Style.Triggers> 
      <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(Target).(Validation.HasError)}" Value="True"> 
       <Setter Property="Foreground" Value="Red" /> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(Target).(Validation.HasError)}" Value="False"> 
       <Setter Property="Foreground" Value="Gray" /> 
      </DataTrigger> 
     </Style.Triggers> 
    </Style> 

,并使用它像这样:

<Label Target="{Binding ElementName=NominaalBox}" Content="Nominaal (gram):"/> 
<TextBox x:Name="NominaalBox" Text="{Binding Path=NominaalGram, Mode=TwoWay, TargetNullValue='', UpdateSourceTrigger=PropertyChanged}"/>