Grid view control

GridView control
A recurring task in software development is to display tabular data. ASP.NET provides a number
of tools for showing tabular data in a grid, including the GridView control. With
the GridView control, you can display, edit, and delete data from many different kinds of data
sources, including databases, XML files, and business objects that expose data.
To add a GridView control to a page
 Drag the GridView control from the Toolbox task pane to your page.
After you add a GridView control, you can specify a data source for the control.
To bind the GridView control to a data source
1. In Design view, right-click the GridView control, and then click Show Common
Control Tasks.
2. On the Common DropDownList Tasks menu, click an existing data source or <New
Data Source...> in the Choose Data Source dropdown.
3. If you choose <New Data Source...>, configure a new data source in the Data Source
Configuration Wizard.
You can specify the layout, color, font, and alignment of the GridView control's rows. You can
specify the display of text and data contained in the rows. Additionally, you can specify whether
the data rows are displayed as items, alternating items, selected items, or edit-mode items. The
GridView control also allows you to specify the format of the columns.
To specify GridView control display options
1. Click the GridView control in Design view to select it, right-click the control, and
choose Properties from the shortcut menu to open theTag Properties task pane.
2. Specify the styles you want for the various GridView elements in the Styles category of
the Properties task pane. For example, under the Font property group in
the RowStyle property group, set the Name property to the font you want for the items in
the rows in the GridView.
EDITING AND DELETING DATA USING THE GRIDVIEW CONTROL
By default, the GridView control displays data in read-only mode. However, the control also
supports an edit mode in which it displays a row that contains editable controls such as TextBox

or CheckBoxcontrols. You can also configure the GridView control to display a Delete button
that users can click to delete the corresponding record from the data source.
The GridView control can automatically perform editing and deleting operations with its
associated data source, which allows you to enable editing behavior without writing code.
Alternatively, you can control the process of editing and deleting data programmatically, such as
in cases where the GridView control is bound to a read-only data source control.
To specify GridView control data editing options
1. In Design view, right-click the GridView control, and then click Show Common
Control Tasks.
2. Check the functionality you want:
 Enable paging — Displays only a subset of the records on a page and allows
a user to move from page to page to display more records. Enable sorting —
Allows a user to sort the records from the database. The GridView control
supports sorting by a single column without requiring any programming. You
can further customize the sort functionality of the GridView control by using
the sort event and providing a sort expression.
 Enable editing — Allows a user to make changes to the records.
 Enable deleting — Allows a user to delete rows from the database.
 Enable selection — Allows a user to select rows. You specify the look of
selected rows by setting the styles in theSelectedRowStyle group in
the Properties task pane.
DATABINDING WITH DATAGRIDVIEW IN ADO.NET
DataGridView is very powerful and flexible control for displaying records in a tabular (row-
column) form. Here I am describing a different way of databinding with a DataGridView control.
Take a windows Form Application -> take a DataGridView control.

Follow the given steps.
Step 1 : Select DataGridView control and click at smart property. Look at the following figure.

Step 2 : After clicking, a pop-up window will be open.
Step 3 : Click ComboBox
Step 4 : Click at Add Project Data Source (Look at above figure). A new window will be opened
to choose Data Source Type.

Step 5 : Choose Database (By default it is selected) and click the next button. A new window
will be open to Database Model.

Step 6 : Select DataSet (By default it is selected) and click the next button. A new window will
be open.
Step 7 : Click at New Connection button.

Step 8 : Write Server name, User name and Password of your SQL server and select Database
name. Look at the following figure.
Step 9 : Click "ok" button. After clicking ok button, you will reach the Data Source
Configuration Wizard.

Step 10 : Click the next button
Step 11 : Click on Table to explore all tables of your Database.
Step 12 : Click on the selected Database table to explore all columns

Step 13 : Check the CheckBox to select columns
Step 14 : Click the Finish button. You will note that the DataGridView will show all columns of
the table (Here, "Student_detail").

Run the application.
Output
Now we bind the DataGridView with database by code. Take another DataGridView control and
write the following code on the form load event.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Data.SqlClient;
namespace DatabindingWithdataGridView
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
SqlDataAdapter dadapter;
DataSet dset;
string connstring = "server=.;database=student;user=sa;password=wintellect";
private void Form1_Load(object sender, EventArgs e)
{
dadapter = new SqlDataAdapter("select * from student_detail", connstring);
dset = new System.Data.DataSet();
dadapter.Fill(dset);
dataGridView1.DataSource = dset.Tables[0].DefaultView;
} } }

Grid view control

Recommended

More Related Content

What's hot (20)

Similar to Grid view control (20)

More from Paneliya Prince (20)

Recently uploaded (20)

Grid view control