如何使用绑定更新 UI

Question

我的窗口中有一个 DataGrid 和两个 ListBox。我正在使用实体框架连接到我的 SQL Server。根据我在 ListBoxes 参数中所做的选择，将传递给我的存储过程，并检索我的 DataGrid 的数据。我能够在不使用 MVVM 的情况下实现此功能。我想知道如何使用 MVVM 来实现它。请帮帮我。提前致谢。

Answer 1

首先，MVVM 是将代码的关注点分离到适当的区域。例如，通过 EF 与数据库对话应该在 Model¹ 中完成。 ViewModel 负责保存数据，并对其进行整形或按摩以使其更适合显示（即将枚举转换为颜色² 等）。

要以 MVVM 方式实现您的功能，您需要使用绑定，并将您的视图模型绑定到您的视图：

<MyControl>
    <LayoutRoot>
        <ListBox ItemsSource={Binding MyItems} SelectedItem={Binding MySelection} />
    </LayoutRoot>
</MyControl>

在视图后面的代码中：

public class MyControl
{
    public MyControl()
    {
        this.DataContext = new MyViewModel();
    }
}

您的 ViewModel 将如下所示：

public class MyViewModel : INotifyPropertyChanged
{
    public ObservableCollection<MyDataObject> MyItems 
    { 
        get { return _myItems; }
        set
        {
            _myItems = value;
            OnPropertyChanged("MyItems");
        } 
    }

    public MyDataObject MySelection { get; set; }

    public void DoSomethingWithDatabase()
    {
        Model.DoSomething(MySelection);
    }
}

这只是一个非常简单的示例，用于说明如果您以 MVVM 方式执行操作（我故意遗漏了很多内容）需要什么。做一个适当的例子并记录所有你需要知道的基本内容至少需要一本书的一章，所以我会推荐你​​参考 MSDN 文章进一步阅读：Implementing the Model-View-ViewModel Pattern。

¹ 如果您还实施 SOA，模型可能只是一个垫脚石，模型可能只是调用一个服务，然后与数据库对话。
2 这也可以在视图中使用Converters 完成，但在转换器中可能并不总是可行或实用。