Category / Section
How to pass row data as parameter to the command in ViewModel when clicking the Button in TemplateColumn?
4 mins read
You can pass the row information as a parameter to the command in ViewModel when clicking a button in TemplateColumn by passing the CommandParameter like the below code example,
XAML:
<syncfusion:SfDataGrid x:Name="sfGrid"
Grid.Row="1"
ColumnSizer="Star"
AllowEditing="True"
AutoGenerateColumns="False"
GridValidationMode="InView"
ItemsSource="{Binding UserDetails}"
ShowRowHeader="True">
<syncfusion:SfDataGrid.Columns>
<syncfusion:GridTextColumn HeaderText="User ID" MappingName="UserId" />
<syncfusion:GridTextColumn MappingName="Name" />
<syncfusion:GridDateTimeColumn Width="120"
MappingName="DateofBirth"
TextAlignment="Right" />
<syncfusion:GridTemplateColumn MappingName="City" syncfusion:FocusManagerHelper.WantsKeyInput="True">
<syncfusion:GridTemplateColumn.CellTemplate>
<DataTemplate>
<Button Content="Click" syncfusion:FocusManagerHelper.FocusedElement="True"
Command="{Binding Path=DataContext.RowDataCommand,ElementName=sfGrid}" CommandParameter="{Binding}"/>
</DataTemplate>
</syncfusion:GridTemplateColumn.CellTemplate>
</syncfusion:GridTemplateColumn>
</syncfusion:SfDataGrid.Columns>
</syncfusion:SfDataGrid>
Sample:
