How to bind a datagrid button using mvvm?

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 < RecordInfo > infos;
ICommand _command;
public DataGridViewModel() {
PersonsInfo = new ObservableCollection < RecordInfo > ();
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 < RecordInfo > 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.Count) {
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}"/>

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajanikant Hawaldar6y ago
Accepted 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 < RecordInfo > infos;
  ICommand _command;
  public DataGridViewModel() {
    PersonsInfo = new ObservableCollection < RecordInfo > ();
    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 < RecordInfo > 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.Count) {
      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}"/>
Sujeet Suman6y ago
Thanks to all for your suggestion & help.
Farhan Ahmed6y ago
https://stackoverflow.com/questions/13746219/datagrid-column-button-command-mvvm

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

https://www.youtube.com/watch?v=_TTQFc_YHTU
Navaneeth Krishnan6y ago
https://stackoverflow.com/questions/57449122/bind-datagrid-button-mvvm