将数据网格上下文菜单的命令参数绑定到所选行的列值

Question

我有一个数据网格被绑定到一个ObservableCollection。数据网格具有上下文菜单。单击上下文菜单项时，将触发绑定的命令，但我想传递绑定到所选数据网格行的 Id 的命令参数。命令被触发，但参数为空。

以下是我尝试过的代码。

 <DataGrid Name="users" ItemsSource="{Binding UsersModel}" CanUserAddRows="False" IsReadOnly="True" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Id}" Header="User Id" Width="auto"/>
        <DataGridTextColumn Binding="{Binding Name}" Width="*" Header="User Name"/>
        <DataGridTextColumn Binding="{Binding IsRegistered, Converter={StaticResource BoolToYesNoConverter}}" Width="auto" Header="Registered" />
        <DataGridTextColumn Binding="{Binding RegisteredOn}" Width="*" Header="Registration Date"/>
        </DataGrid.Columns>
        <DataGrid.ContextMenu>
            <ContextMenu>
                <MenuItem Header="Modify" Command="{Binding Modify}" CommandParameter="{Binding Id}"/>
                <MenuItem Header="Delete" Command="{Binding Delete}" CommandParameter="{Binding Id}" />
            </ContextMenu>
        </DataGrid.ContextMenu>
</DataGrid>

我希望所选行的 Id 作为命令参数传递。

Answer 1

我会在视图模型上创建一个 SelectedRow 属性以将所选行存储在网格中，然后将上下文菜单项命令绑定到视图模型上引用 SelectedRow 属性的命令。我不得不在上下文菜单相对源上使用放置目标。

在视图中模型

public DelegateCommand ModifyCommand { get; }
ModifyCommand = new DelegateCommand(() => { var Id = SelectedRow.Id; //... });
private UsersModel _selectedRow;
public UsersModel SelectedRow
{
    get => _selectedRow;
    set
    {
        _selectedRow = value;
        OnPropertyChanged(nameof(SelectedRow));
    }
}

在视图中

DataGrid Name="users" ItemsSource="{Binding Items}" CanUserAddRows="False" IsReadOnly="True" AutoGenerateColumns="False"
    SelectedItem="{Binding SelectedRow, Mode=TwoWay}" >
// and on context menu
<MenuItem Header="Modify" Command="{Binding PlacementTarget.DataContext.ModifyCommand, 
    RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}" />

Answer 2

将SelectedId属性添加到视图模型(其中定义了UsersModel和命令属性(，并将 DataGrid 的 SelectedValue 属性绑定到该属性。

然后使用 SelectedId 作为命令参数绑定。当然，请确保SelectedId触发 PropertyChanged 事件。

<DataGrid ... SelectedValuePath="Id" SelectedValue="{Binding SelectedId}">
    ...
    <DataGrid.ContextMenu>
        <ContextMenu>
            <MenuItem Header="Modify"
                      Command="{Binding Modify}"
                      CommandParameter="{Binding SelectedId}"/>
            <MenuItem Header="Delete"
                      Command="{Binding Delete}"
                      CommandParameter="{Binding SelectedId}" />
        </ContextMenu>
    </DataGrid.ContextMenu>
</DataGrid>

Answer 3

我

说你的ViewModel类实现了INotifyPropertyChanged接口，我假设你实现了触发器属性更改的方法，这里我称这种方法为RaisePropertyChanged。毕竟，在视图模型类中定义一个私有字段selectedUsers和一个名称为 SelectedUsers 的属性：

private UsersModel selectedUsers;
public UsersModel SelectedUsers
    {
        get => _selectedFields;
        set
        {
            _selectedFields = value;
            Modify.RaiseCanExecuteChanged();
            Delete.RaiseCanExecuteChanged();
        }
    }

添加它之后，您必须将SelectionChanged事件添加到您的Grid，然后在代码隐藏设置值中为您的 seletedUser 如下所示：

private void usersGrid_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        usersViewModel.SelectedUsers = usersGrid.SelectedItem as UsersModel;
    }

并将DataGrid selectedItem绑定到selectedUser：

<DataGrid Name="users" ItemsSource="{Binding Items}" CanUserAddRows="False" 
IsReadOnly="True" AutoGenerateColumns="False"
SelectedItem="{Binding SelectedUser}" >

当您执行这些工作时，selectedUser可以在视图模型中访问。