6

我有一个将在我们正在开发的应用程序中重用的 UserControl。我们正在使用基于 MVVMLight 的框架。

为简单起见，假设用户控件仅包含一个文本框并公开一个名为“数量”的依赖项属性。用户控件上的文本框数据绑定到依赖属性“数量”。

在视图上使用用户控件时，用户控件的“数量”依赖属性将数据绑定到 ViewModel 中的属性。（这个 ViewModel 通过 MVVMLight ViewModelLocator 是我们视图的数据上下文）。

这一切都很好！绑定工作，属性设置如我所料。在验证之前一切都很好。

我们正在使用 DataAnnotations 来装饰我们的 ViewModel 属性。ViewModel 包含 INotifyDataErrorInfo 的自定义实现。我们为大多数输入控件实现了自定义样式，以在控件周围显示红色边框，并在控件旁边显示验证错误消息。所有这些在正常情况下都很好用（例如，视图上的文本框绑定到视图模型中的属性）。

当我使用这个用户控件尝试相同的方法时，我最终得到的是整个用户控件周围的红色边框，并且实际文本框上没有错误指示。似乎存在错误的事实反映在 UI 中，但它只是没有达到我想要的控件。

我已经在 stackoverflow 上搜索了这个问题，在那些有解决方案的问题中，似乎没有一个适合我的情况。

我的第一个猜测是，因为实际的文本框直接绑定到依赖属性本身而不是我的视图模型上的属性，所以它没有被正确地通知生成的错误。有没有办法通过用户控件传播视图模型中生成的错误，然后传播到文本框？

您可以提供的任何帮助或建议都会很棒，谢谢。

这是用户控件 xaml。

<UserControl x:Class="SampleProject.UserControls.SampleControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d"  x:Name="sampleControl"
         d:DesignHeight="300" d:DesignWidth="300">
<Grid x:Name="LayoutRoot" DataContext="{Binding ElementName=sampleControl}">
        <TextBox Text="{Binding Path=Quantity, ValidatesOnDataErrors=True}" Width="100" Height="30" />
</Grid>
</UserControl>

后面的 UserControl 代码。

public partial class SampleControl : UserControl
{
    public SampleControl()
    {
        InitializeComponent();
    }

    public static readonly DependencyProperty QuantityProperty = 
         DependencyProperty.Register("Quantity", typeof(int?), typeof(SampleControl), 
    new FrameworkPropertyMetadata{DefaultValue=null, BindsTwoWayByDefault = true});

    public int? Quantity
    {
        get { return (int?)GetValue(QuantityProperty); }
        set { SetValue(QuantityProperty, value); }
    }
}

用于视图。

<userControls:SampleControl Grid.Row="1" Quantity="{Binding Path=Quantity, ValidatesOnDataErrors=True}" Height="60" Width="300"/>

ViewModel 属性。

[Required(ErrorMessage = "Is Required")]
[Range(5, 10, ErrorMessage = "Must be greater than 5")]
public int? Quantity
{
    get { return _quantity; }
    set { Set(() => Quantity, ref _quantity, value); }
}
private int? _quantity;

（*注意，setter 中的 Set 方法只是基本视图模型中的辅助方法，用于设置支持属性并为其引发 PropertyChanged 事件。）

4

2 回答 2

0

尝试DataContext从UserControl. 而不是设置，Bind直接从TextBox使用 a 到实际属性RelativeSource Binding：

<TextBox Text="{Binding Quantity, RelativeSource={RelativeSource Mode=FindAncestor, 
    AncestorType={x:Type YourControlNamespace:SampleControl, 
    ValidatesOnDataErrors=True}}}" Width="100" Height="30" />

更新>>>

如果做不到这一点，只要绑定到这个属性的视图模型总是有一个同名的属性要绑定，你可以这样Binding搜索父母的DataContext：

<TextBox Text="{Binding Quantity, RelativeSource={RelativeSource Mode=FindAncestor, 
    AncestorLevel=2, ValidatesOnDataErrors=True}}}" Width="100" Height="30" />

您需要将 更改为2正确数量的父元素，TextBox然后才能访问具有正确属性的控件。例如，使用级别2意味着框架将尝试在 s 父级的父控件中查找名为to的Quantity属性。尽管我认为像s 这样的“隐藏”元素不包括在父元素中，但使用它会比较棘手。BindDataContextTextBoxAncestorLevelGrid

于 2013-10-07T09:15:58.877 回答
0

您需要拿起在用户控件上设置的绑定并将它们放在控件上，无需将用户控件绑定到它自己的DataContext。这可以在加载用户控件后完成。

要防止用户控件周围出现红色边框，请删除默认错误模板：

Validation.ErrorTemplate="{x:Null}"

示例用户控件 XAML：

UserControl x:Class="DxUserControlValidation.MyUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         Validation.ErrorTemplate="{x:Null}"
         d:DesignHeight="450" d:DesignWidth="800">
<StackPanel Orientation="Vertical">
    <TextBlock Text="Value 1:" Margin="2"/>
    <TextBox Name="txtBox1" Margin="2"/>
    <TextBlock Text="Value 2:" Margin="2"/>
    <TextBox Name="txtBox2" Margin="2"/>
</StackPanel>


public partial class MyUserControl : UserControl
{
    public static readonly DependencyProperty Value1Property;
    public static readonly DependencyProperty Value2Property;

    static MyUserControl()
    {
        Value1Property = DependencyProperty.Register("Value1", typeof(string), typeof(MyUserControl), new FrameworkPropertyMetadata { DefaultValue = null, BindsTwoWayByDefault = true });
        Value2Property = DependencyProperty.Register("Value2", typeof(string), typeof(MyUserControl), new FrameworkPropertyMetadata { DefaultValue = null, BindsTwoWayByDefault = true });
    }

    public MyUserControl()
    {
        InitializeComponent();

        Loaded += (s, e) =>
        { 
            Binding value1Binding = BindingOperations.GetBinding(this, Value1Property);
            if (value1Binding != null) txtBox1.SetBinding(TextBox.TextProperty, value1Binding);
            Binding value2Binding = BindingOperations.GetBinding(this, Value2Property);
            if (value2Binding != null) txtBox2.SetBinding(TextBox.TextProperty, value2Binding);
        };
    }

    public string Value1
    {
        get { return (string)GetValue(Value1Property); }
        set { SetValue(Value1Property, value); }
    }

    public string Value2
    {
        get { return (string)GetValue(Value2Property); }
        set { SetValue(Value2Property, value); }
    }
}

如果没有绑定，则将值直接分配给控件：

if (value2Binding != null) txtBox2.SetBinding(TextBox.TextProperty, value2Binding);
else txtBox2.Text = Value2;
于 2019-02-14T14:51:06.653 回答