2

在我的应用程序中，我有 2 个视图。列表（GridView）和表单。我正在更改此线程中建议的视图： WPF MVVM switch usercontrols

现在我有一个问题，如何在单击编辑后传递所选项目的 id 以使用编辑表单显示新视图。

列出所有项目、添加新项目、删除和编辑的简单应用程序。我怎样才能在 MVVWM 中做到这一点？

更新

我只想创建一个简单的应用程序，左侧有菜单：

  1. 列表
  2. 添新。

单击列表时，它会显示带有列表和 3 个按钮的 UC：添加、编辑、删除。单击添加后，编辑它会显示带有特定值的 UC（在编辑时）。我怎样才能做到这一点？

4

2 回答 2

13

据我了解，你想要这样的东西：

显示列表的主屏幕 因此，当您单击 时Add，它会显示以下内容： 显示添加表单的主屏幕

正确的？

所以你需要以下行为：

  • Add 不需要任何 ID。
  • 添加完成后必须重新加载列表。
  • 编辑接收列表的选定项目 ID 。
  • 添加完成后必须重新加载列表。

我将假设您正在使用某个存储库。

我提出以下 MVVM 结构：

  • MainViewModel: 主屏幕的 DataContext。
    • BaseViewModel RightViewModel：视图模型的容器显示在屏幕的右侧。
    • ICommand ViewListCommand：通过创建新实例ListViewModel并将其分配给BaseViewModel属性来显示列表。
    • ICommand AddNewCommandAddViewModel：通过创建新实例并将其分配给BaseViewModel属性来显示 addnew 屏幕。

然后：

  • ListViewModel：单击 List 时屏幕右侧的 DataContext。
    • List<Items> Items：提供要显示的项目。
    • Item SelectedItem：将绑定到 UI 上的 SelectedItem 的属性。
    • ICommand EditCommand：将获取所选项目并通知必须编辑的 MainViewModel 的命令。

因此，在某些时候，视图模型会收到来自子视图模型的通知（即列表将告诉主视图进行编辑）。我建议通过使用事件来做到这一点：

public class Item
{
    public string Name { get; set; }
}

public class ItemEventArgs : EventArgs
{
    public Item Item { get; set; }

    public ItemEventArgs(Item selectedItem)
    {
        this.Item = selectedItem;
    }
}

public class BaseViewModel
{

}

public class ListViewModel : BaseViewModel
{
    public event EventHandler<ItemEventArgs> EditItem;

    public Item SelectedItem { get; set; }

    public ICommand EditItemCommand { get; private set; }

    public ListViewModel()
    {
        this.EditItemCommand = new DelegateCommand(() => this.EditItem(this, new ItemEventArgs(this.SelectedItem)));
    }
}

public class EditViewModel : BaseViewModel
{

}

public class MainViewModel
{
    public BaseViewModel RightViewModel { get; private set; }

    public ICommand ViewListCommand { get; private set; }

    public MainViewModel()
    {
        this.ViewListCommand = new DelegateCommand(() =>
        {
            // unhook possible previous events
            var listViewModel = new ListViewModel();
            listViewModel.EditItem += listViewModel_EditItem;
            this.RightViewModel = listViewModel;
        });
    }

    void listViewModel_EditItem(object sender, ItemEventArgs e)
    {
        // unhook possible previous events
        var editViewModel = new EditViewModel();
        this.RightViewModel = editViewModel;
    }

}

xaml 绑定不是必需的，因为它将非常向前。

这是一个关于我认为如何处理这类事情的非常基本的例子。这里重要的是正确解开事件，否则您可能会遇到问题。

对于这种东西，你也可以看看Reactive UI。

于 2013-11-13T11:33:00.857 回答
10

如果您有视图模型的公共父级，则可以使用该父级为您传递参数值。delegate只需在相关视图模型中设置一个或多个s：

在具有要更新的相关参数的视图模型中......我们称之为ParameterViewModel：

public delegate void ParameterChange(string parameter);

public ParameterChange OnParameterChange { get; set; }

在父级中：

ParameterViewModel viewModel = new ParameterViewModel();
viewModel.OnParameterChange += ParameterViewModel_OnParameterChange;
ListMenu.Add(viewModel);
// Add other view models

ParameterViewModel参数更改时返回：

public string Parameter
{
    get { return parameter; }
    set
    {
        parameter = value;
        NotifyPropertyChanged("Parameter");
        // Always check for null
        if (OnParameterChange != null) OnParameterChange(parameter);
    }
}

现在在父视图模型中：

public void ParameterViewModel_OnParameterChange(string parameter)
{
    // Do something with the new parameter data here
    AnotherViewModel anotherViewModel = (AnotherViewModel)ListMenu[someIndex];
    anotherViewModel.Parameter = parameter;
}

您可以从 MSDN 上的Delegates（C# 编程指南）页面了解有关使用delegate对象的更多信息。

于 2013-10-22T10:03:24.023 回答