3

我正在开发一个 WPF MVVM 应用程序。我在数据网格中显示一些数据。我有两个按钮来添加和编辑选定的记录。我在 ViewModel 中有数据，我必须显示另一个窗口（视图）并确保 ViewModels 不应该有关于视图的信息。我应该在哪里创建它的视图和视图模型？如何取回数据并更新数据网格？如何在 MVVM 中实现这一点？我们还没有决定使用任何框架，所以我必须创建自己的界面。

4

2 回答 2

3

注意：这最终是一个很长的答案 - 如果有什么不清楚的地方请问我

对话窗口的实现在 MVVM 设计中是一个有争议的问题，不同的人使用不同的方法。

和你一样，我决定不使用任何框架并手动实现大多数东西。当谈到对话窗口时，我选择通过从我的 ViewModel 内部启动对话窗口来务实地实现 MVVM。此外，我允许每个 Dialog ViewModel 引用它所显示的 Window，因此它可以在适当的时候关闭它（详情如下）。这打破了一些严格的 MVVM “规则”，但它完成了工作。

这样做的主要缺点是，如果您正在测试通过对话框的内容，它可能会破坏单元测试。但是，您可以走很长一段路而不会遇到这个问题，而且它还没有困扰我。

我已经建立了一些可以轻松扩展的对话框 ViewModel 库。在这里发布的代码太多了，但我会向您展示重点。

对话框的基本 ViewModel

我的每个对话框窗口都有一个继承自的 ViewModel DialogViewModelBase，这与我的常规类似ViewModelBase，因为它提供对INotifyPropertyChanged等的支持。有趣的部分是这个公共方法，我从任何地方调用它来启动对话框：

/// <summary>
/// Creates window instance for this dialog viewmodel and displays it, getting the dialog result.
/// </summary>
public void ShowDialogWindow()
{
    // This is a property of the DialogViewModelBase class - thus, each DialogViewModel holds a reference to its own DialogWindow:
    this.DialogWindow = new Dialogs.Views.DialogWindow();
    // Tell the DialogWindow to display this ViewModel:
    this.DialogWindow.DataContext = this;
    // Launch the Window, using a method of the Window baseclass, that only returns when the window is closed:
    this.DialogWindow.ShowDialog();
}

通过上述方法启动的窗口将在Window.DialogResult设置其属性时关闭。这就是为什么DialogWindow是DialogViewModelBase类的属性 - 当子类化对话框ViewModel想要关闭对话框窗口时，它只是设置结果：

protected void CloseDialogWithResult(bool dialogWindowResult)
{
    // Setting this property automatically closes the dialog window:
    this.DialogWindow.DialogResult = dialogWindowResult;
}

对话框视图的宿主窗口

该方法实例化的Dialogs.Views.DialogWindow类在 XAML 中定义，是. 它有两个重要的特点。首先是它的主要内容元素只是一个绑定到当前上下文的元素。这允许我为 的不同子类定义不同的，并且将根据上下文的类型托管相应的：ShowDialogWindowWindowContentControlViewsDialogViewModelBaseDialogWindowView

<ContentControl Content="{Binding}" /> <!-- In reality this is inside a border etc but its simplified here for demonstration -->

XAML的第二个重要特性DialogWindow是它定义了哪个对话框Views与哪个对话框一起使用ViewModels。这是一个示例：

<Window.Resources>
    <!-- DEFAULT ViewModel-View TEMPLATES -->

    <DataTemplate DataType="{x:Type dialogs:YesNoMessageBoxDialogViewModel}">
        <views:MessageBoxView />
    </DataTemplate>

    <DataTemplate DataType="{x:Type dialogs:ErrorDialogViewModel}">
        <views:ErrorDialogView/>            
    </DataTemplate>

</Window.Resources>

所有这一切的作用是，我可以将对话框定义为子类DialogViewModelBase并为每个对话框实现一个View，然后告诉DialogWindow它必须View为ContentControl哪个对话框显示ViewModel。

启动对话框并获得结果

下面是我的一个应用程序的示例，我ViewModels在其中启动了一个对话框窗口，允许用户选择要创建的资产类型：

public void CreateNewAsset()
{
    // Instantiate desired Dialog ViewModel:
    Dialogs.NewAssetTypeSelectionDialogViewModel dialog = new Dialogs.NewAssetTypeSelectionDialogViewModel();

    // Launch Dialog by calling method on Dialog base class:
    dialog.ShowDialogWindow();

    // Execution will halt here until the Dialog window closes...

    // The user's selection is stored in a property on the dialog ViewModel, and can now be retrieved:
    CalculatorBase.AssetTypeEnum newAssetType = dialog.AssetType;

    switch (newAssetType)
    {
        // Do stuff based on user's selection...
    }
}

PS：我真的应该写一篇关于这个的博客文章——当我这样做时，我会在这里发布链接，因为博客文章可能会有更完整的代码示例。

于 2013-02-13T08:16:21.767 回答
1

这取决于您如何处理数据。我将假设只有当用户单击保存之类的东西时才能接受在弹出窗口中所做的更改，否则它们应该被丢弃。因此，首先，我建议使用 MVC 方法作为控制器非常适合此类任务。您在其中构建视图模型，为它们分配视图并显示视图。VM只是保存数据和命令，命令执行方法保存在控制器中。换句话说，你有管理你的虚拟机和视图的单例类。您应该查看Prism框架。它提供了很棒的东西，例如视图区域，您可以在其中注入不同的用户控件在运行时、命令和 MVC 分层以及 IOC 和 DI 模式开箱即用。

于 2013-02-12T08:08:56.287 回答