How to bind a datagrid button using mvvm?

Question

I have a datagrid & column contains a button. I would like to call a method in ViewModel on button click event. CanUserAddRows="False" AutoGenerateColumns="False" ItemsSource="{Binding Employees}" Style="{StaticResource styleDataGrid}"> Content="{Binding Path=ConnectionStatus}" Command="{Binding UpdateDetailsCommand, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" CommandParameter="{Binding Path=MACAddress}">

Rajanikant Hawaldar · Answer

Hello Sujeet Suman, refer below example. Model Class: public class RecordInfo: ViewModelBase { string _name = string .Empty; Int32 _age = 0; DateTime _dob; string _address = string .Empty; public RecordInfo() { } public string Name { get { return _name; } set { _name = value; OnPropertyChanged( "Name" ); } } public Int32 Age { get { return _age; } set { _age = value; OnPropertyChanged( "Age" ); } } public DateTime DateOfBirth { get { return _dob; } set { _dob = value; OnPropertyChanged( "DateOfBirth" ); } } public string Address { get { return _address; } set { _address = value; OnPropertyChanged( "Address" ); } } } ViewModel Base Class : public class ViewModelBase: INotifyPropertyChanged { public ViewModelBase() {} public void OnPropertyChanged( string name) { if (PropertyChanged != null ) { PropertyChanged( this , new PropertyChangedEventArgs(name)); } } public event PropertyChangedEventHandler PropertyChanged; } ViewModel Class: public class DataGridViewModel: ViewModelBase { ObservableCollection infos; ICommand _command; public DataGridViewModel() { PersonsInfo = new ObservableCollection (); PersonsInfo.Add( new RecordInfo { Name = "AA" , Age = 24, DateOfBirth = new DateTime(1987, 4, 29), Address = "XXX XXX XXXX" }); PersonsInfo.Add( new RecordInfo { Name = "BB" , Age = 23, DateOfBirth = new DateTime(1988, 3, 4), Address = "XXX XXXXX XXX" }); PersonsInfo.Add( new RecordInfo { Name = "CC" , Age = 26, DateOfBirth = new DateTime(1985, 10, 2), Address = "XXX XXX X" }); PersonsInfo.Add( new RecordInfo { Name = "DD" , Age = 28, DateOfBirth = new DateTime(1983, 5, 7), Address = "XX XXXXX XX" }); PersonsInfo.Add( new RecordInfo { Name = "EE" , Age = 26, DateOfBirth = new DateTime(1985, 11, 20), Address = "XXXX XXXXX XXX" }); PersonsInfo.Add( new RecordInfo { Name = "FF" , Age = 22, DateOfBirth = new DateTime(1989, 1, 27), Address = "XXXXXXXXXXX XX" }); PersonsInfo.Add( new RecordInfo { Name = "GG" , Age = 21, DateOfBirth = new DateTime(1990, 8, 6), Address = "XXX XXXX XXXXXX" }); PersonsInfo.Add( new RecordInfo { Name = "HH" , Age = 23, DateOfBirth = new DateTime(1988, 9, 9), Address = "XX XXXXXXXXX XXX" }); PersonsInfo.Add( new RecordInfo { Name = "II" , Age = 24, DateOfBirth = new DateTime(1987, 10, 18), Address = "XXXXXXXXX XXXX" }); PersonsInfo.Add( new RecordInfo { Name = "JJ" , Age = 21, DateOfBirth = new DateTime(1990, 11, 27), Address = "XXXXX XXXXXXXX XX" }); } public ObservableCollection PersonsInfo { get { return infos; } set { infos = value; OnPropertyChanged( "PersonsInfo" ); } } public ICommand RemoveCommand { get { if (_command == null ) { _command = new DelegateCommand(CanExecute, Execute); } return _command; } } private void Execute( object parameter) { int index = PersonsInfo.IndexOf(parameter as RecordInfo); if (index > -1 && index PersonsInfo.RemoveAt(index); } } private bool CanExecute( object parameter) { return true ; } } DelegateCommand Class: public class DelegateCommand: ICommand { Predicate object > canExecute; Action object > execute; public DelegateCommand(Predicate object > _canexecute, Action object > _execute) : this () { canExecute = _canexecute; execute = _execute; } public DelegateCommand() {} public bool CanExecute( object parameter) { return canExecute == null ? true : canExecute(parameter); } public event EventHandler CanExecuteChanged; public void Execute( object parameter) { execute(parameter); } } XAML.CS code of User Interface : "Remove..." Margin= "3" Command= "{Binding Path=DataContext.RemoveCommand,RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" CommandParameter= "{Binding}" />

Farhan Ahmed · Answer

https://stackoverflow.com/questions/13746219/datagrid-column-button-command-mvvm https://www.youtube.com/watch?v=_TTQFc_YHTU

Farhan Ahmed · Answer

https://stackoverflow.com/questions/13746219/datagrid-column-button-command-mvvm https://www.youtube.com/watch?v=_TTQFc_YHTU

Navaneeth Krishnan · Answer

https://stackoverflow.com/questions/57449122/bind-datagrid-button-mvvm

Sujeet Suman · Answer

Thanks to all for your suggestion & help.