将按钮绑定到不同的 ViewModel [MVVM]

Question

我在一个 View 中有两个按钮，是否可以将一个按钮绑定到第一个 ViewModel 中的一个命令，另一个按钮绑定到第二个 中的第二个命令视图模型？只需添加两个 ViewModels 都已初始化。

    <Button Command="{Binding ElementName=MainTreeView, Path=DataContext.FirstCommand}" CommandParameter="{Binding NameE}">
    <Label Content="{Binding NameE}"/>
 </Button>
  <Button Command="{Binding ElementName=MainTreeView, Path=DataContext.SecondCommand}" CommandParameter="{Binding NameD}">
    <Label Content="{Binding NameD}"/>
 </Button>

还有我的两个ViewModel：

public class FirstViewModel : INotifyPropertyChanged
{
     public MyICommand<string> FirstCommand { get; private set; }

     public HomeViewModel()
    {
        FirstCommand = new MyICommand<string>(myFirstCommand);
    }

    public void myFirstCommand(string par)
    {
        Console.Beep();
    }
}


public class SecondViewModel : INotifyPropertyChanged
{
     public MyICommand<string> SecondCommand { get; private set; }

     public HomeViewModel()
    {
        SecondCommand = new MyICommand<string>(mySecondCommand);
    }

    public void mySecondCommand(string par)
    {
        Console.Beep();
    }
}

编辑：在一个视图中，我有 <ContentPresenter Content="{Binding Content}"/> 的按钮，并且内容有 View 和 ViewModel 我想用按钮到达

Answer 1

最简单和最通用的解决方案是通过在 App.xaml ResourceDictionary 中实例化您的视图模型来全局访问它们：

App.xaml：

<Application ...>
  <Application.Resources>
    <ResourceDictionary>
      <FirstViewModel x:Key="FirstViewModel" />
      <SecondViewModel x:Key="SecondViewModel" />
    </ResourceDictionary>
  </Application.Resources>
</Application>

或使用 C#（例如，App.xaml.cs）

Application.Current.Resources.Add("FirstViewModel", new FirstViewModel(arg1, arg2));
Application.Current.Resources.Add("SecondViewModel", new SecondViewModel(arg1, arg2));

现在您可以从任何视图中引用它们：

<Button Content="{Binding NameE}" 
        CommandParameter="{Binding NameE}" 
        Command="{Binding Source={StaticResource FirstViewModel}, Path=FirstCommand}" />

<Button Content="{Binding NameD}" 
        CommandParameter="{Binding NameD}" 
        Command="{Binding Source={StaticResource SecondViewModel}, Path=SecondCommand}" />

---

另一种解决方案是使用组合并将视图模型包装到父视图模型中：

public class MainViewModel : INotifyPropertyChanged
{
  public FirstViewModel FirstViewModel { get; private set; }
  public SecondViewModel SecondViewModel { get; private set; }

  public MainViewModel()
  {
    this.FirstViewModel = new FirstViewModel();
    this.SecondViewModel = new SecondViewModel();
  }
}

public class FirstViewModel : INotifyPropertyChanged
{
  public MyICommand<string> FirstCommand { get; private set; }

  public FirstViewModel()
  {
    FirstCommand = new MyICommand<string>(myFirstCommand);
  }

  public void myFirstCommand(string par)
  {
    Console.Beep();
  }
}


public class SecondViewModel : INotifyPropertyChanged
{
  public MyICommand<string> SecondCommand { get; private set; }

  public SecondViewModel()
  {
    SecondCommand = new MyICommand<string>(mySecondCommand);
  }

  public void mySecondCommand(string par)
  {
    Console.Beep();
  }
}

用法

<TreeView x:Name="MainTreeView">
  <TreeView.DataContext>
    <MainViewModel />
  </TreeView.DataContext>
</TreeView>


<Button Content="{Binding NameE}" 
        CommandParameter="{Binding NameE}" 
        Command="{Binding ElementName=MainTreeView, Path=DataContext.FirstViewModel.FirstCommand}" />

<Button Content="{Binding NameD}" 
        CommandParameter="{Binding NameD}" 
        Command="{Binding ElementName=MainTreeView, Path=DataContext.SecondViewModel.SecondCommand}" />