SfDataGrid-Column with Buttons

[Harald Betzler]

Hi,

I've a list of data items with two properties (ItemName (string) and ItemFlag (boolean)). I want to have a SfDataGrid with two columns. 

A text column displaying the ItemName and a button column displaying a button (bound to a viewmodel command) if ItemFlag=true or displaying nothing (or a disabled button) if ItemFlag=false.

I think I'll need a DataTemplateSelector but in my trials the overridden SelectTemplate method was never called.

Can you help me?

Regards

Harald

[Muthukumar Kalyanasundaram]

Hi Harald, 

 

Thank you for contacting Syncfusion support. 

 

We have checked your query. 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,  

 

Code Snippet: 

 

<syncfusion:SfDataGrid.Columns>                

    <syncfusion:GridTextColumn MappingName="Name" /> 

    <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> 

 

 

For your reference, we have attached sample and KB link. Could you please refer to it. 

Sample: http://www.syncfusion.com/downloads/support/forum/131609/ze/SfGrid_TemplateButton860464809.zip 

KB Link: https://www.syncfusion.com/kb/5904/how-to-pass-row-data-as-parameter-to-the-command-in-viewmodel-when-clicking-the-button-in 

 

Please let us know if you have any query. 

 

Regards, 

Muthukumar K