将参数传递给 ViewModel 中的构造函数

Question

我正在使用 MVVM 模式构建 WPF 浏览器应用程序。

我有一个带有数据网格的第一页 (ConsultInvoice)。当我双击其中一行时，我想导航到另一个页面（EditInvoice），将参数中的选定行传递给我的构造函数。

我知道如果我想正确地做事我应该使用依赖注入，但我真的不知道如何在这里使用它。

我怎样才能简单地传递这个构造函数？

咨询发票视图模型

private Invoice _selected;
public Invoice Selected
{
    get
    {
        return _selected;
    }
    set
    {
        _selected = value;
        OnPropertyChanged("Selected");
    }
}

private void Edit()
{
    EditInvoiceViewModel editInvoice = new EditInvoiceViewModel(Selected); 
   /* doing something here*/
}

public ICommand EditCommand
{
    get
    {
        return editCommand ?? (editCommand = new RelayCommand(p => this.Edit(), p => this.CanEdit()));
    }
}

EditInvoiceViewModel

public class EditInvoiceViewModel : ViewModelBase
{
    public Context ctx = new Context();
    Invoice invoice;
    PreInvoice preInvoice;
    #region properties
    private ObservableCollection<PreInvoice> collection;
    public ObservableCollection<PreInvoice> Collection
    {
        get
        {
            return collection;
        }
        set
        {
            collection = value;
            OnPropertyChanged("Collection");
        }
    }
    #endregion
    public EditInvoiceViewModel(Invoice inv)
    {
        /* do stuff*/
    }
}

Answer 1

基本上，您应该避免将此类参数传递给 ViewModels 构造函数，因为将其与控制反转/依赖注入进行连接会变得很痛苦。虽然您可以使用抽象工厂模式来解析具有运行时参数的对象，但它不适合 ViewModel。

相反，我总是建议使用一种导航模式，类似于 Microsoft 的 Patterns & Practices 团队对 Prism 所做的事情。那里有一个 INavigationAware 接口，您的 ViewModel 可以实现该接口。它有两种方法，NavigateTo 和 NavigateFrom。

还有导航服务。导航服务将切换视图并在切换之前调用当前 ViewModel 中的NavigateFrom（如果它实现了它。可以使用它来检查数据是否保存，如果需要取消导航。在加载新视图并分配给它的 ViewModel，在新导航的 ViewModel 中调用NavigateTo。

在这里，您将传递 ViewModel 所需的参数，在您的情况下为 invoiceId。尽量避免传递整个模型或复杂对象。使用 invoiceid 获取发票数据并填充您正在编辑的 ViewModel。

我以前的回答中的基本实现（可以找到here）：

public interface INavigationService 
{
    // T is whatever your base ViewModel class is called
    void NavigateTo<T>() where T ViewModel;
    void NavigateToNewWindow<T>();
    void NavigateToNewWindow<T>(object parameter);
    void NavigateTo<T>(object parameter);
}

public class NavigationService : INavigationService
{
    private IUnityContainer container;
    public NavigationService(IUnityContainer container) 
    {
        this.container = container;
    }
    public void NavigateToWindow<T>(object parameter) where T : IView
    {
        // configure your IoC container to resolve a View for a given ViewModel
        // i.e. container.Register<IPlotView, PlotWindow>(); in your
        // composition root
        IView view = container.Resolve<T>();

        Window window = view as Window;
        if(window!=null)
            window.Show();

        INavigationAware nav = view as INavigationAware;
        if(nav!= null)
            nav.NavigatedTo(parameter);
    }
}

// IPlotView is an empty interface, only used to be able to resolve
// the PlotWindow w/o needing to reference to it's concrete implementation as
// calling navigationService.NavigateToWindow<PlotWindow>(userId); would violate 
// MVVM pattern, where navigationService.NavigateToWindow<IPlotWindow>(userId); doesn't. There are also other ways involving strings or naming
// convention, but this is out of scope for this answer. IView would 
// just implement "object DataContext { get; set; }" property, which is already
// implemented Control objects
public class PlotWindow : Window, IView, IPlotView
{
}

public class PlotViewModel : ViewModel, INotifyPropertyChanged, INavigationAware
{
    private int plotId;
    public void NavigatedTo(object parameter) where T : IView
    {
        if(!parameter is int)
            return; // Wrong parameter type passed

        this.plotId = (int)parameter;
        Task.Start( () => {
            // load the data
            PlotData = LoadPlot(plotId);
        });
    }

    private Plot plotData;
    public Plot PlotData {
        get { return plotData; }
        set 
        {
            if(plotData != value) 
            {
                plotData = value;
                OnPropertyChanged("PlotData");
            }
        }
    }
}

Prism 中使用的INavigationAware 接口示例可在projects github repository 上找到。

这使得传递参数和async 加载数据变得容易（如果没有任何干净的方法可以通过构造函数执行此操作，因为你不能在构造函数内部进行await async 操作而不锁定，并且在构造函数中做这种事情是非常不鼓励）。