mvvm - 使用 mvvm 将命令绑定到 Silverlight 4 中的按钮

Question

我有一个名为HomePage.xaml. 我在页面构造函数的代码隐藏文件中创建一个模型实例（使用 MVVM 模式）

MainViewModel model = new MainViewModel();

我有一个按钮HomePage.xaml，我想在其中绑定到内部MainViewModel调用的命令，GetData()并希望在 datagrid 中填充数据。MainViewModel有一个ObservableCollection我会用它来绑定数据网格中的数据。

在没有绑定命令的情况下填充数据网格中的数据可以正常工作。

我将按钮绑定为：

<StackPanel x:Name="stkPanelInput" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
<Button x:Name="buttonGetData" Width="70" Content="GetData" Command="{Binding GetData}"  Click="buttonGetData_Click"/>
</StackPanel>

我应该如何使用 MVVM 绑定命令？

Answer 1

就像 Archie 所说，将页面的 DataContext 设置为 MainViewModel 的实例。

DataContext = model;

然后你的 XAML 看起来像这样：

<StackPanel x:Name="stkPanelInput" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
<Button x:Name="buttonGetData" Width="70" Content="GetData" Command="{Binding GetDataCommand}"  Click="buttonGetData_Click"/>
</StackPanel>