使用 Blend SDK 事件触发器通过相关列表视图项 MVVM 触发按钮单击

Question

我正在尝试使用 Blend 中的事件触发器来触发列表视图项的按钮单击事件，它应该可以工作，以便为要引用的相关行不必选择该项目。

我的代码是...

Public void MyCommand(object obj)
{
    // the tag of this has the search type
    ListViewItem item = obj as ListViewItem;

    // do my dreary domain work...
}

我的xaml是...

<ListView ItemsSource="{Binding Path=SystemSetupItems}" 
    SelectedItem="{Binding Selected, Mode=TwoWay}" 
    MinHeight="120" >
    <ListView.View>
    <GridView>
        <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
        <GridViewColumn Header="Description" DisplayMemberBinding="{Binding Description}" />
        <GridViewColumn>
            <GridViewColumn.CellTemplate>
                <DataTemplate>
                    <Button  >
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="MouseClick">
                                <i:InvokeCommandAction CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=ListViewItem, AncestorLevel=1}}" Command="{Binding MyCommand}"/>
                            </i:EventTrigger>
                         </i:Interaction.Triggers>
                     </Button>
                 </DataTemplate>
             </GridViewColumn.CellTemplate>
        </GridViewColumn>                        
    </GridView>
    </ListView.View>
</ListView>

但这根本不起作用，或者我可以在我的xaml按钮定义中执行此操作，

<GridViewColumn.CellTemplate>
    <DataTemplate>
        <Button Command="{Binding OpenWorkSpaceCommand}" CommandParameter="{Binding Path=Name}" Content="Edit..." DataContext="{Binding DataContext, RelativeSource={RelativeSource FindAncestor, AncestorType=ListView}}"  >                                 
        </Button>
    </DataTemplate>
</GridViewColumn.CellTemplate>

但这需要预先选择列表视图项，这不是我想要的行为。

Answer 1

对于我的 DataGrid，我使用单元格模板在每个项目上都有一个按钮。每个项目都是 Meal 类型的对象。在我的 Meal.cs 文件中，我有一个如下的事件定义：

public Meal()
{
    RemoveMealCommand = new RelayCommand(() => RemoveMealCommandExecute());
}

public RelayCommand RemoveMealCommand
{
    get;
    set;
}

public delegate void RemoveMealEventHandler(object sender, EventArgs e);
public event RemoveMealEventHandler RemoveMealEvent;

private void RemoveMealCommandExecute()
{
    RemoveMealEvent(this, null);
}

在列表中每顿饭的视图模型中，我只需向该事件添加一个处理程序。对于我的 xaml 按钮，我只需将命令设置为 Meal 的 RelayCommand。

<DataGridTemplateColumn>
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Button Command="{Binding Path=RemoveMealCommand}">
                <Image Width="13" Height="13" Source="/Images/delete-icon.png"/>
            </Button>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

现在，当您单击按钮时，Meal 负责触发事件，而 viewmodel 负责处理它。