bind checkboxlist in wpf using entity framework code First

Question

Dear Team, how to bind checkboxlist in wpf mvvm using entity framework code first with visual studio 2013 please explain step by step Thanks & Regards Sudhir Kumar

Juan Francisco Morales Larios · Answer

You hava a Entity Class from DB from Entity Framework Code First, for example City: public class City { [Key] public int ID { get ; set ; } [MaxLength(50)] public string NameCity { get ; set ; } public int ZipCode { get ; set ; } } We have 2 options: 1.- Add a bool property 'not maped' to the City entitiy, and implements INotifyPropertyChanged Interface: public class City : INotifyPropertyChanged { [Key] public int ID { get ; set ; } [MaxLength(50)] public string NameCity { get ; set ; } public int ZipCode { get ; set ; } private bool _isSelected; [NotMapped] public bool IsSelected { get { return _isSelected; } set { _isSelected = value; OnPropertyChanged(); } } public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null ) => PropertyChanged?.Invoke( this , new PropertyChangedEventArgs(propertyName)); } 2.- Create a new model inherits a City Entity with a new bool property, and Implements INotifyPropertyChanged Interface for this new property: public class CityModel : City, INotifyPropertyChanged { private bool _isSelected; public bool IsSelected { get { return _isSelected; } set { _isSelected = value; OnPropertyChanged(); } } public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null ) => PropertyChanged?.Invoke( this , new PropertyChangedEventArgs(propertyName)); } We populate data in our ViewModel: public class MainViewModel : INotifyPropertyChanged { private ObservableCollection _data; public ObservableCollection Data { get { return _data; } set { _data = value; OnPropertyChanged(); } } public MainViewModel() { /// Load Entity Framework Simulation Data = new ObservableCollection () { new CityModel { ID = 1, NameCity = "London" , ZipCode = 11111, IsSelected = false }, new CityModel { ID = 1, NameCity = "New York" , ZipCode = 22222, IsSelected = false }, new CityModel { ID = 1, NameCity = "Rome" , ZipCode = 33333, IsSelected = false }, new CityModel { ID = 1, NameCity = "Madrid" , ZipCode = 44444, IsSelected = false }, new CityModel { ID = 1, NameCity = "Paris" , ZipCode = 55555, IsSelected = false } }; } public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null ) => PropertyChanged?.Invoke( this , new PropertyChangedEventArgs(propertyName)); } Add a new ListBox in the view, config your ItemsSource to our ObservableCollection ViewModel and modify its ItemsTemplate for the listbox contains checkbox. We configuere the checkbox binding: Content --> to NameCity propery of CityModel (or City) Entity. IsChecked --> To IsSelected property of CityModel (or City) Entity. Grid x:Name = "LayoutRoot" > ListBox ItemsSource = "{Binding Data}" HorizontalAlignment = "Left" Height = "178" Margin = "21,31,0,0" VerticalAlignment = "Top" Width = "111" > ListBox.ItemTemplate > DataTemplate > CheckBox Content = "{Binding NameCity}" IsChecked = "{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin = "3" /> DataTemplate > ListBox.ItemTemplate > ListBox > Grid > This is result: Doneeee !!!!

bind checkboxlist in wpf using entity framework code First

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (1)