c# Datagrid / Binding a button with Parameter using Josh Smith's RelayCommand class?

Question

I've been using Rachel's solution to bind a button with a Command : https://stackoverflow.com/a/3531935/4713963

Now I would like to do the same within a DataGrid.

Sample code :

<DataGrid.Columns>
    <DataGridTemplateColumn Header="CustomerID">
        <DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <Button Content="{Binding CustomerId}"
                    Command="{Binding DataContext.DetailCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type DataGrid}}}"/>
            </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
</DataGrid.Columns>

with

private ICommand _detailCommand;

public ICommand DetailCommand
{
    get
    {
    if (_detailCommand == null)
    {
        _detailCommand = new RelayCommand(
        param => this.Execute(),
        );
    }
    return _detailCommand;
    }
}

private void Execute()
{
    MessageBox.Show("Selected CustomerId : ");
}

Doing so I can invoke a Command, now my question is how to pass the CustomerId property as a parameter to the Execute() method ?

how is `customerId` a property ? Your code doesn't include an of that :( — Software Dev, Mar 29 '18 at 21:18
My datagrid ItemSource is binded to a List and one of the property is CustomerId. — Coloris, Mar 29 '18 at 21:29

score 0 · Accepted Answer · answered Mar 29 '18 at 22:14

Ok figured it out with this answer : https://stackoverflow.com/a/30449280/4713963

Just had to :

Pass param as a method parameter and update the signature
Use CommandParameter with my button

Updated code :

private ICommand _detailCommand;

public ICommand DetailCommand
{
    get
    {
    if (_detailCommand == null)
    {
        _detailCommand = new RelayCommand(
        param => this.Execute(param),
        );
    }
    return _detailCommand;
    }
}

private void Execute(object param)
{
    MessageBox.Show($"Selected CustomerId : {param.ToString()}");
}

and

<DataGrid.Columns>
    <DataGridTemplateColumn Header="CustomerID">
        <DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <Button Content="{Binding CustomerId}"
                Command="{Binding DataContext.DetailCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type DataGrid}}}"
                CommandParameter="{Binding CustomerId}"/>
            </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
</DataGrid.Columns>

c# Datagrid / Binding a button with Parameter using Josh Smith's RelayCommand class?

1 Answers1