Data Binding To GridView Controls

Data Binding

Data Binding is the process of taking some data and associating it to visual elements on user interface (UI).

Overview of Data Binding

We will take any object and with their properties present each instance of object in collection on screen to user in “Grid “like fashion. We get to create a little template of how each individual instance of object is represented in the user interface .The “ListView” is also same but it works in single column fashion.

Create a Project in Visual Studio 2015

In order to perform data binding , you need to create a project in Visual Studio 2015, steps are simple:

1. Select “Universal” as shown by arrow.
2. Select “Blank App” as shown in circle.
3. Name your solution, for instance “BindDataExample“.

Designer Window

A designer window will open once you create the project with name”MainPage.xaml“. in this window there is a designer surface and you can also write your XAML code …now for instance we select our object a “Book” and in order to perform data binding simply create a user interface in XAML . The code is shown in the following image in rectangle sharpe.



Create Data Model

1. Go to “Solution Explorer” shown by circle.
2. Right click the “BindDataExample” shown by arrow.
3. Add new folder, name it “Models” shown by circle.

Create C# class in Models Folder

1. Go to Models folder.
2. Right click and select add new item.
3. Select Class and name it “Book.cs“.

Book Class with Properties

Once you perform all the above mentioned tasks, there will be a c# class open for us and our object which in this case is a book, we can create its class and define its properties in that very C# class we have.