How to bind a Command to double-click on a row in DataGrid

Joe picture Joe · Apr 27, 2011 · Viewed 16.2k times · Source

I have developed a WPF UserControl that is intended to be used as a pick list as follows:

  • A DataGrid bound to a CollectionView of entities (e.g. of Employees)
  • A TextBox above the DataGrid that can be used to filter items displayed in the DataGrid.

I want to expose a Command that will be executed when the user double-clicks on a row in the DataGrid. The container can then react to this by doing something with the SelectedItem in the DataGrid.

So far I've tried to handle the double-click as follows:

<DataGrid IsReadOnly="True">
    <DataGrid.InputBindings>
        <MouseBinding MouseAction="LeftDoubleClick" Command="... />
    </DataGrid.InputBindings>
...

However the double-click event still fires when the user clicks in the DataGrid header. I'd like to be able to limit it so that the Command is only executed when the double click is in the body of the DataGrid. Is there a declarative way to do this?

UPDATE

I'm just getting to grips with WPF and MVVM, and am really looking for guidance on how to implement low-level reusable components like this. Any general advice will also be gratefully received and upvoted. As it stands, I'm assuming I will want this UserControl to:

  • Expose a dependency property "SelectedItem" that is bound to the DataGrid's SelectedItem

  • Expose a RoutedEvent "ItemDoubleClick" or similar that is fired when the user double-clicks on a row.

  • Implement ICommandSource and call CommandHelpers.ExecuteCommandSource(this) from the row double-click event handler.

Answer

H.B. picture H.B. · Apr 27, 2011

If code behind is not a problem:

<DataGrid.RowStyle>
    <Style TargetType="{x:Type DataGridRow}">
        <EventSetter Event="Loaded" Handler="Row_Loaded"/>
    </Style>
</DataGrid.RowStyle>
private void Row_Loaded(object sender, RoutedEventArgs e)
{
    var row = sender as DataGridRow;
    row.InputBindings.Add(new MouseBinding(MyCommands.MyCommand,
            new MouseGesture() { MouseAction = MouseAction.LeftDoubleClick }));
}