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

【问题标题】：Binding command to button in silverlight 4 using mvvm使用 mvvm 将命令绑定到 Silverlight 4 中的按钮
【发布时间】：2010-05-19 07:17:54
【问题描述】：

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

MainViewModel model = new MainViewModel();

我在HomePage.xaml 中有一个按钮，我想将其绑定到MainViewModel 中名为GetData() 的命令，并希望在数据网格中填充数据。 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 绑定命令？

【问题讨论】：

标签： mvvm binding button silverlight-4.0 icommand

【解决方案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>

【讨论】：