如何将 ListView DataTemplate 中的按钮绑定到 ViewModel 中的命令？ (MVVMLight)

Question

我有一个列表视图，代码如下：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <ListBox x:Name="allToDoItemsListBox" 
             ItemsSource="{Binding AllToDoItems,Mode=OneWay}" 
             Margin="12,0,12,0" 
             Width="440" 
             ItemTemplate="{StaticResource ToDoListBoxItemTemplate}" />
</Grid>

数据模板如下：

<phone:PhoneApplicationPage.Resources>
    <DataTemplate x:Key="ToDoListBoxItemTemplate">

        <Grid HorizontalAlignment="Stretch" Width="420">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="100" />
            </Grid.ColumnDefinitions>

            <CheckBox 
                IsChecked="{Binding IsComplete, Mode=TwoWay}" 
                Grid.Column="0" VerticalAlignment="Top"/>

            <TextBlock 
                Text="{Binding ItemName}" 
                FontSize="{StaticResource PhoneFontSizeLarge}" 
                Foreground="Gray"
                Grid.Column="1" Grid.ColumnSpan="2" 
                VerticalAlignment="Top" Margin="-36, 12, 0, 0"/>

            <Button                                
                Grid.Column="3"
                x:Name="deleteTaskButton"
                BorderThickness="0"                                                                  
                Margin="0, -18, 0, 0"
                Command="{Binding Path=DeleteCommand}" CommandParameter="{Binding}"/>

            <Image 
                Source="/Images/appbar.delete.rest.png"
                Height="75"
                Width="75"/>
        </Grid>
    </DataTemplate>
</phone:PhoneApplicationPage.Resources>

我尝试将按钮命令 "DeleteCommand" 绑定到 ViewModel 中的 ICommand，但失败了我该怎么办？

ViewModel 中的代码是：

 public ICommand DeleteCommand { get; private set; }

在 ViewModel 构造中：

 DeleteCommand = new RelayCommand<object>(Delete);

以及删除方法：

private void Delete(object obj)
{
    ToDoItem newToDoItem = obj as ToDoItem;
    DeleteToDoItem(newToDoItem);
}

当按下列表中每个项目的相应删除按钮时，我需要将项目作为参数传递给 DeleteToDoItem() 方法，但命令不会在此处触发我该怎么办？

Answer 1

在您的 ViewModel 中，您想将 ToDoItem 传递给删除命令。

DeleteCommand = new RelayCommand<ToDoItem>(DeleteToDoItem);

并且您的 DataTemplate 的 DataContext 与 ListView 的不同。

<Button Command="{Binding ElementName=allToDoItemsListBox, 
                          Path=DataContext.DeleteCommand}" 
        CommandParameter="{Binding}" />

应该可以了。

如何将 ListView DataTemplate 中的按钮绑定到 ViewModel 中的命令？ (MVVMLight)

How to bind buttons in ListView DataTemplate to Commands in ViewModel? (MVVMLight)

c#

binding

mvvm

mvvm-light

windows-phone-8