WPF，MVVM：创建新视图并将参数传递给其 ViewModel

Question

我在任何地方都没有找到这个。目前我正在制作一个 WPF 应用程序，但遇到了问题。我需要一页，但数据应该不同，具体取决于调用页面的按钮。如果不尝试坚持使用 MVVM，那会很容易。我已经有一个将所需数据传递给页面 cs 文件的按钮，但我不知道如何将这些数据传递给 ViewModel。

DetailedViewPage.xaml.cs：

namespace unnamed
{
    public partial class DetailedViewPage : BasePage<DetailedViewViewModel>
    {    
        public DetailedViewPage(string position)
        {    
            InitializeComponent();
        }
    }


    //I'm using similar method to create new View
    private void CreateNewWindow()
    {
        var MainWindow = (MainWindow) Application.Current.MainWindow;
        var MWViewModel = (WindowViewModel) MainWindow.DataContext;
        MWViewModel.CurrentPage = new DetailedViewPage("top");
    }

}

BasePage.cs：

public class BasePage<VM> : Page
        where VM : BaseViewModel, new()
    {

        private VM mViewModel;

        public VM ViewModel
        {
            get { return ViewModel; }
            set
            {
                if (mViewModel == value)
                    return;
                mViewModel = value;
                this.DataContext = mViewModel;
            }
        }

        public BasePage()
        {
            this.Resources = ((MainWindow)Application.Current.MainWindow).Resources;
            this.ViewModel = new VM();
        }
    }

DetailedViewViewModel.cs：

namespace unnamed
{
    public class DetailedViewViewModel : BaseViewModel
    {    
        public string PossitionShown { get; set; }

        public DetailedViewViewModel()
        {                
        }    
    }
}

所以我的目标是从页面 cs 文件中获取位置变量到 ViewModel 并分配给PossitionShown。

Answer 1

您的视图 (DetailedViewPage) 有一个DataContext，即DetailedViewViewModel。

DataContext 可以通过默认构造函数（在 XAML 中输入时）自动创建，也可以在构造函数中创建。基本上，在创建视图之后，我们可以简单地设置它的值。

public DetailedViewPage(string position)
{
    InitializeComponent();

    //optional line, if not set in XAML
    this.DataContext = new DetailedViewViewModel();

    var VM = (this.DataContext as DetailedViewModel);
    VM.PossitionShown = position;
}

---

编辑： 添加代码以在 ViewModel 构造中传递变量。

public DetailedViewPage(string position)
{
    InitializeComponent();
    //Note this line is not "optional" anymore, You must pass the value as a variable.
    this.DataContext = new DetailedViewViewModel(position);
}

public class DetailedViewViewModel : BaseViewModel
{
    public string PossitionShown { get; set; }
    public DetailedViewViewModel(string position)
    {
        PossitionShown = position;
    }
}

---

附带说明一下，这不完全是MVVM approach，因为您已经通过View 传递了一些参数，而View 正在考虑存在某种类型的ViewModel。

关于这个话题，我推荐阅读：

• Opening new window in MVVM WPF
• Wpf datacontext binding using MVVM between viewmodel and view