Enable/Disable CheckBox Inside the GridView Control

Pankaj Lohani
Jan 05, 2014
70.5k
0
1
Article

Introduction

In this article you will see how to enable or disable a checkbox in GridView records based on the condition.

RowDataBound Event

A GridviewRowEventArgs object is passed to the event-handling method, that enables you to access the properties of the row being bound. To access a specific cell in the row, use the "cell" property of the GridViewRow object contained in the Row property of the GridEventRowEventArgs object.

Now let's have a look at this web application to see how to use the RowDataBound Event.

Step 1 :

Open Visual Studio then select "File" -> "New" -> "Website..." as in the following figure:

NewWebApp

Step 2 :

Now go to the Solution Explorer and add a new item as in the following figure:

NewItem

Step 3 :

Now add a new web form on your web application as in the following figure:

AddWebForm

Step 4 :

Write the following code in the "default.aspx" page:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<head>

<title>Enable/Disable Checkbox in Gridview based on condtion in ASP.Net</title>

</head>

<body>

<div>

<asp:GridView ID="gvDetails" AutoGenerateColumns="False" CellPadding="3" runat="server"

OnRowDataBound="gvDetails_RowDataBound" BackColor="White"

BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" ForeColor="Black" GridLines="Vertical">

<asp:TemplateField>

<asp:CheckBox ID="chkSelect" runat="server" />

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField HeaderText="UserId" DataField="UserId" />

<asp:BoundField HeaderText="UserName" DataField="UserName" />

<asp:BoundField HeaderText="Education" DataField="Education" />

<asp:BoundField HeaderText="Location" DataField="Location" />

</Columns>

</asp:GridView>

</div>

</form>

</body>

</html>

Add the connectionstring in web.config file such like :

<add name="dbconnection" connectionString="Data Source=; Initial Catalog=Employee;

User=abc; Password=***" providerName="SqlClient"/>

</connectionStrings>

Step 5 :

Now write the following code in the "default.aspx.cs" page:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Data;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

BindData();

}

protected void BindData()

{

DataTable dt = new DataTable();

dt.Columns.Add("UserId", typeof(Int32));

dt.Columns.Add("UserName", typeof(string));

dt.Columns.Add("Education", typeof(string));

dt.Columns.Add("Location", typeof(string));

DataRow dtr = dt.NewRow();

dtr["UserId"] = 1;

dtr["UserName"] = "Pankaj Lohani";

dtr["Education"] = "MCA";

dtr["Location"] = "New Delhi";

dt.Rows.Add(dtr);

dtr = dt.NewRow();

dtr["UserId"] = 2;

dtr["UserName"] = "Nimit Joshi";

dtr["Education"] = "MCA";

dtr["Location"] = "Ghaziabad";

dt.Rows.Add(dtr);

dtr = dt.NewRow();

dtr["UserId"] = 3;

dtr["UserName"] = "Amit Senwal";

dtr["Education"] = "BCA";

dtr["Location"] = "Greater Noida";

dt.Rows.Add(dtr);

dtr = dt.NewRow();

dtr["UserId"] = 4;

dtr["UserName"] = "Pravesh Khanduri";

dtr["Education"] = "BCA";

dtr["Location"] = "Delhi";

dt.Rows.Add(dtr);

dtr = dt.NewRow();

dtr["UserId"] = 5;

dtr["UserName"] = "Ravi Kumar";

dtr["Education"] = "BCA";

dtr["Location"] = "Delhi";

dt.Rows.Add(dtr);

dtr = dt.NewRow();

dtr["UserId"] = 6;

dtr["UserName"] = "Ainul Hasan";

dtr["Education"] = "MCA";

dtr["Location"] = "Gurgaon";

dt.Rows.Add(dtr);

gvDetails.DataSource = dt;

gvDetails.DataBind();

}

protected void gvDetails_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

CheckBox chkbox = (CheckBox)e.Row.FindControl("chkSelect");

if (e.Row.Cells[3].Text == "BCA")

{

chkbox.Enabled = false;

}

else

{

chkbox.Enabled = true;

}

In the code above you saw that before the GridView control can be rendered, each row in the control must be bound to a record. The "RowDataBound" event is raised when a data row is bound to data in the GridView control. This enables you to provide an event-handling method that performs a modification of the values bound to the row, when the event occurs.

Step 6 :

Now debug the application by pressing F5; the output will then appear in the browser as in the following figure:

Debug

Step 7 :

Now you can check only the enable checkbox as in the following figure:

EnableCheckbox

Summary

ASP.NET automatically remembers whether the Checkboxes were and were not checked across postbacks. We can also programmatically access the checkbox in code to determine whether a given checkbox is checked, or to change the checked state.