Silverlight 用户控件和 MVVM

Question

我有一个与this post 中描述的非常相似的问题。

我有一个 UserControl 来封装地址。这包含许多基本控件，主要是文本框。然后，我在每个属性的代码隐藏中都有支持依赖属性...

#region Line1

    /// <summary> 
    /// Gets or sets the Line1.
    /// </summary> 
    public string Line1
    {
        get
        {
            return (string)GetValue(Line1Property);
        }

        set
        {
            SetValue(Line1Property, value);
        }
    }

    /// <summary> 
    /// The Line1 dependency property.
    /// </summary> 
    public static readonly DependencyProperty Line1Property =
                DependencyProperty.Register(
                      "Line1",
                      typeof(string),
                      typeof(AddressControl),
                      new PropertyMetadata(OnLine1PropertyChanged));

    /// <summary>
    /// Line1Property property changed handler. 
    /// </summary>
    /// <param name="d">AddressControl that changed its Line1.</param>
    /// <param name="e">DependencyPropertyChangedEventArgs.</param> 
    private static void OnLine1PropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var control = d as AddressControl;
        if (control != null)
        {
            control.OnLine1Changed((string)e.OldValue, (string)e.NewValue);
        }
    }

    /// <summary>
    /// Called when the Line1 changes.
    /// </summary>
    /// <param name="oldValue">The old value.</param>
    /// <param name="newValue">The new value.</param>
    private void OnLine1Changed(string oldValue, string newValue)
    {
        Line1TextBox.Text = newValue;
    }

    #endregion Line1

然后我在视图中使用这个控件...

<myControls:AddressControl Grid.Row="0" Grid.Column="3" 
                           Line1="{Binding Path=Line1, Mode=TwoWay}"/>

这似乎在更新视图模型属性时设置了文本框值，正如您所期望的那样，但是我的问题是从用户控件获取更新回视图模型？

根据上面的链接，我应该检查控件上的 DataContext。 Surley的DataContext会和parent一样吗？

我希望这个问题的答案将适用于多个嵌套级别的控件，即。 Control1 用在 Control2 中，Control2 用在 Control3 中，重用的重点！

把我逼疯了，所以任何帮助真的很感激。

Answer 1

在 MVVM 中，您应该绑定到 ViewModel 属性，而不是绑定到控件代码隐藏中定义的属性

Answer 2

我认为我最初对自己的解释不够好，也认为我找到了解决方案。

为他人；我的目标是创建一个简单的用户控件来封装由文本框组成的地址（第 1 - 4 行和邮政编码，告诉你这很简单），以便在许多页面上使用（有时在同一页面上使用多次）。这些页面（视图）中的每一个都由 MVVM 模式中的 ViewModel 支持。到目前为止，这都是标准的。我想不通的是如何更改这些文本框中的任何一个以传播到包含 AddressControl 的页面的 ViewModel。和我一起？

事实证明解决方案（现在看起来很明显）是处理每个文本框失去焦点并更新依赖属性，这会导致绑定触发到视图模型。

private void AddressTextBox_LostFocus(object sender, RoutedEventArgs e)
    {
        switch (((TextBox)sender).Name)
        {
            case "Line1TextBox":
                Line1 = Line1TextBox.Text;
                break;

            case "Line2TextBox":
                Line2 = Line2TextBox.Text;
                break;

            case "Line3TextBox":
                Line3 = Line3TextBox.Text;
                break;

            case "Line4TextBox":
                Line4 = Line4TextBox.Text;
                break;

            case "LinePostcodeTextBox":
                Postcode = PostcodeTextBox.Text;
                break;
        }
    }

另一个选项是将文本框绑定到控件代码隐藏中的支持 ViewModel，并对此进行更改以更新控件。使用本地绑定而不是处理事件的效果相同。

Answer 3

看起来 UserControl 背后的代码被用来提供控件本身绑定的属性。在这种情况下，您可能有一些像“this.DataContext = this”或“this.AddressLine1Control.DataContext = this”这样的代码，这可能会出现问题（它甚至会导致 SL2 崩溃）。创建一个单独的类来保存您的数据属性，然后执行“this.DataContext = new MyAddressClass()”之类的操作。您会注意到 DataContext 会一直沿控件树向下传播，因此嵌套控件会按照您的预期继承其父级的 DataContext。

此外，您在这里似乎不需要 DependencyProperties。改为创建传统的 CLR 属性并在您的数据类上实现 INotifyPropertyChanged 接口会更简单（假设您将数据与 UserControl 类分开）。这是在 SL2 中进行数据绑定的标准和推荐方法。