ARTICLE

Binding to a Data View in ASP.NET

Posted by Megha Goyal Articles | ASP.NET Programming August 23, 2012
In this article we will discuss how to bind data to a Data View in ASP.NET.
Reader Level:

In ASP.NET we can bind data to a Data View. A Data View is used to view the Data of a DataTable in a customized view. It can be bound to a Grid View. To use a Data View in a Web Application we need to use the System.Data namespace in the Web Application. In our example we will show the product id along with the product no.

Let's have a look at the following steps.

Step 1

Go to Visual Studio 2010.

Step 2

Now click on File -> New -> Web Site.

Step 3

Now select ASP.NET Web Site:

data1.jpg

Step 4

Now give the name to your application and click on the ok button.

data2.jpg

Step 5

Now add a Grid View on the Web Form.

data3.jpg

Step 6

Now add the following code for the page load event:

using System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
System.Data;
using
System.Data.SqlClient;

public
partial class Default2 : System.Web.UI.Page
{
   
protected void Page_Load(object sender, EventArgs e)
   
{
       
if (!IsPostBack)
       
{
           
DataTable dt = new DataTable();
           
DataRow dr;
           
dt.Columns.Add(new DataColumn("Product No.",typeof(string)));
           
dt.Columns.Add(new DataColumn("Product ID", typeof(string)));
           
for (int i = 0; i < 5; i++)
           
{
               
dr = dt.NewRow();
               
dr[0] = i;
               
dr[1] = "P00" + (i + 1);
               
dt.Rows.Add(dr);
               
GridView1.DataSource = new DataView(dt);
               
GridView1.DataBind();
           
}
       
}
   
}
}

In the preceding code we create a DataTable .i.e. dt and add five rows of data in it. After that we will bind a Grid View control to the data view of the table. In this way a user will be able to view the data in a tabular format from a data view.

Step 7

The output will be like this:

data4.jpg

COMMENT USING