The below given grid-view header checkbox select all and deselect all and also selected row-edit, row-delete using asp.net with c#.
I'm going to write an example for the select deselect to all checkbox when we select to header checkbox that is show in below image file.
Table of Contents
1. In the 1st step, code-sample for aspx page.
2. In the 2nd step, code-sample for C# (.cs page)
In the 2nd step, .aspx.cs code for display view to select deselect to all checkbox after checked to header checkbox and also code for select to single row to click to select link and edit delete row etc.
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;
public partial class _Default :
System.Web.UI.Page
{
static int a = 1;
protected void
Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
grid_bind();
}
}
public void
grid_bind()
{
SqlConnection con;
SqlCommand cmd;
con =
new SqlConnection(ConfigurationManager.ConnectionStrings["connections"].ConnectionString);
con.Open();
cmd =
new SqlCommand();
cmd.CommandText = "select * from
tab1";
cmd.Connection = con;
grdSelectDeselect.DataSource = cmd.ExecuteReader();
grdSelectDeselect.DataBind();
con.Close();
}
protected void edit(object source, DataGridCommandEventArgs
e)
{
grdSelectDeselect.EditItemIndex = e.Item.ItemIndex;
grid_bind();
}
protected void
grdSelectDeselect_DeleteCommand(object source, DataGridCommandEventArgs e)
{
SqlCommand cmd;
SqlConnection con;
con =
new SqlConnection(ConfigurationManager.ConnectionStrings["connections"].ConnectionString);
con.Open();
{
string id = Convert.ToString(grdSelectDeselect.DataKeys[e.Item.ItemIndex]);
cmd = new SqlCommand();
cmd.Connection = con;
cmd.CommandText = "delete from tab1
where Id='" + id + "'";
cmd.ExecuteNonQuery();
grid_bind();
}
con.Close();
con.Close();
}
protected void
grdSelectDeselect_CancelCommand(object source, DataGridCommandEventArgs e)
{
grdSelectDeselect.EditItemIndex = -1;
grid_bind();
}
protected void
grdSelectDeselect_UpdateCommand(object source, DataGridCommandEventArgs e)
{
SqlCommand cmd;
SqlConnection con;
con =
new SqlConnection(ConfigurationManager.ConnectionStrings["connections"].ConnectionString);
con.Open();
{
DataGridItem itm =
grdSelectDeselect.Items[e.Item.ItemIndex];
TextBox t2 = (TextBox)itm.FindControl("txtName");
string id = Convert.ToString(grdSelectDeselect.DataKeys[e.Item.ItemIndex]);
cmd = new SqlCommand();
cmd.Connection = con;
cmd.CommandText = "update tab1 set
Name='" + t2.Text + "' where
Id='" + id + "'";
cmd.ExecuteNonQuery();
grid_bind();
}
con.Close();
}
protected void
grdSelectDeselect_ItemCommand(object source, DataGridCommandEventArgs e)
{
if (e.CommandName == "select")
{
DataGridItem itm =
grdSelectDeselect.Items[e.Item.ItemIndex];
CheckBox ch1 = (CheckBox)itm.FindControl("chkb2");
if (ch1.Checked == false)
{
ch1.Checked = true;
itm.BackColor = System.Drawing.Color.Maroon;
}
else
{
ch1.Checked = false;
itm.BackColor = System.Drawing.Color.Empty;
}
}
if (e.CommandName == "insert")
{
SqlCommand cmd;
SqlConnection con;
con = new SqlConnection(ConfigurationManager.ConnectionStrings["connections"].ConnectionString);
con.Open();
{
TextBox t1 = (TextBox)e.Item.FindControl("txtId_foo");
TextBox t2 = (TextBox)e.Item.FindControl("txtNameFooter");
cmd = new SqlCommand();
cmd.CommandText = "insert into
tab1(Id,Name) values('" + t1.Text + "','"
+ t2.Text + "')";
cmd.Connection = con;
cmd.ExecuteNonQuery();
grdSelectDeselect.EditItemIndex = -1;
grid_bind();
}
con.Close();
}
}
protected void
sellectAll(object sender, EventArgs e)
{
if (a % 2 != 0)
{
foreach (DataGridItem
itm in grdSelectDeselect.Items)
{
CheckBox ch = (CheckBox)itm.FindControl("chkb2");
if ((ch.Checked == true))
{
ch.Checked = true;
itm.BackColor = System.Drawing.Color.Maroon;
}
else
{
ch.Checked = true;
itm.BackColor = System.Drawing.Color.Maroon;
}
}
a++;
}
else
{
foreach (DataGridItem
itm in grdSelectDeselect.Items)
{
CheckBox ch = (CheckBox)itm.FindControl("chkb2");
if ((ch.Checked == true))
{
ch.Checked = false;
itm.BackColor = System.Drawing.Color.Empty;
}
else
{
ch.Checked = true;
itm.BackColor = System.Drawing.Color.Maroon;
}
}
a++;
}
}
protected void
lbtn_insert_Command(object sender, CommandEventArgs e)
{
//Todo: for insert data in the DB.
}
}
In the 1st step, .aspx code for display view to select deselect to all check-box after checked to header check-box.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Selecting Deselecting all CheckBoxes Inside a GridView in c#.net </title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DataGrid ID="grdSelectDeselect" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px"
CellPadding="3" oncancelcommand="grdSelectDeselect_CancelCommand"
ondeletecommand="grdSelectDeselect_DeleteCommand" oneditcommand="edit"
onupdatecommand="grdSelectDeselect_UpdateCommand" ShowFooter="True"
CellSpacing="1" GridLines="None" onitemcommand="grdSelectDeselect_ItemCommand"
DataKeyField="Id">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<SelectedItemStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<ItemStyle BackColor="#DEDFDE" ForeColor="Black" />
<Columns>
<asp:TemplateColumn HeaderText="Select All" FooterText="Click for Insert..">
<HeaderTemplate>
<asp:CheckBox ID="chkb1" runat="server" Text="Select All" OnCheckedChanged="sellectAll" AutoPostBack="true"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkb2" runat="server" Text="Select" />
</ItemTemplate>
<FooterTemplate>
<asp:LinkButton ID="lbtn_insert" runat="server" ForeColor="Blue"
oncommand="lbtn_insert_Command" CommandName="insert">Click for Insert new Row</asp:LinkButton>
</FooterTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Id">
<ItemTemplate>
<%# Eval("Id") %>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtId" runat="server" Text='<%# Eval("Id") %>'></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtId_foo" runat="server"></asp:TextBox>
</FooterTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Name">
<ItemTemplate>
<%# Eval("Name") %>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtName" Text='<%# Eval("Name") %>' runat="server"></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtNameFooter" runat="server"></asp:TextBox>
</FooterTemplate>
</asp:TemplateColumn>
<asp:EditCommandColumn CancelText="Cancel" EditText="Edit" HeaderText="Edit"
UpdateText="Update">
</asp:EditCommandColumn>
<asp:ButtonColumn CommandName="Delete" HeaderText="Delete" Text="Delete">
</asp:ButtonColumn>
<asp:ButtonColumn HeaderText="Select" Text="Select" CommandName="select">
</asp:ButtonColumn>
</Columns>
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
</asp:DataGrid>
</div>
</form>
</body>
</html>
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|
