Explain Combo Box Binding In MVVM - WPF

Hello every one. Today, I will show you how to bind the combo box in WPF MVVM. Before starting with this, you have to be clear with the concept of INotifyPropertyChanged and ICommand interface, which was explained in my previous articles, whose links are .

1. Explain INotifyPropertyChanged In WPF - MVVM
2. ICommand Interface In MVVM - WPF

Now, for binding the combo box in WPF MVVM, I will explain two methods -- one is using simple binding and another is using item template. First, we take simple binding, so create one WPF Application and put the combo box in it.



XAML Code

Now, consider that we have one model ‘Person’ and it has two properties ‘Id’ and ‘Name’ with get and set method. Make it public.

Code - Person.cs
Our model as person class is ready with its property. Next, we have to make view-model. We have to create the collection of the person class because we have to give the collection to the combo box as an item source, so we create the property in view-mode, where one is ObservableCollection of the person class and second is person class. Since we want single class property, we have to select any item from the combo box collection.
Now, create the constructor of this view model and set the ObservableCollection with some static value like-

ID=1,Name=”Nirav”
ID=2,Name=”Kapil”
ID=3,Name=”Arvind”
ID=4,Name=”Rajan”

Code
Now, we have to give this collection to the combo box as an item source, so we have to give this view model reference to the our design (XAML) file.
Now, define the Window resources, as shown below and assign some key to it.
Now, move to combo box control and assign its Item source. Select Item and display member property.