使用viewmodel控制按钮点击

Question

我试图通过视图模型（MVVM）控制button_click。 命令

<Button x:Name="GetData" Content="Get Data" Margin="8,8,223,0"   VerticalAlignment="Top">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Click">
            <cmd:EventToCommand Command="GetData_Click"></cmd:EventToCommand>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Button>

我使用以下代码创建了单击事件应返回人员列表的

。谁能为我提供“我们如何在视图模型中创建命令？”的解决方案？请提供带有示例代码的答案..

提前感谢..

Answer 1

如果您使用的是 MVVM light，则可以执行类似于以下操作的操作：

private RelayCommand _getData_Click = null;
public RelayCommand GetData_Click
{
    get
    {
        return _getData_Click ?? _getData_Click = new RelayCommand(
            () =>
            {
                // Get Person List
            });
    }
}

MVVM Lights codeplex 页面<上有一个示例。 /a>

更新
您可能会收到错误，因为您需要使用 DataBinding 来设置命令，尝试

<Button x:Name="GetData" Content="Get Data" Margin="8,8,223,0" VerticalAlignment="Top" Command="{Binding Path=GetData_Click}"/>

或将您的 EventToCommand 声明更改为：

<cmd:EventToCommand Command={Binding GetDataCommand} />

如果您已将 ViewModel 设置为 DataContext，那么这应该可以工作。

Answer 2

如果您有一个 ViewModel 作为视图后面的 DataContext，并且您的 ViewModel 上有一个名为 GetData_Click 的命令，那么您可以执行以下操作：

  <Button Command="{Binding Path=GetData_Click"}>

但是，我有一种感觉 GetData_Click 是一个函数（根据它的名称），所以在您的 ViewModel 上，您需要定义一个命令属性，例如：

  public ICommand GetDataCommand 
  {
       get {  return (_getDataCommand  = _getDataCommand ?? new DelegateCommand(GetData));  }
  } 

其中 GetData 是一个函数。简单的 DelegateCommand 实现可以在此处找到。

Answer 3

在视图模型中，您可以编写命令（也使用 MVVM Light Toolkit）

RelayCommand getDataCommand;
public RelayCommand GetDataCommand
{
    get
    {
        if (getDataCommand == null)
        {
            getDataCommand = new RelayCommand(() =>
            {
                //Here comes the command implementation
            });
        }
        return getDataCommand;
    }
}

在视图中，将 EventToCommand 更改为：

<cmd:EventToCommand Command={Binding GetDataCommand} />