Selecting Deselecting all CheckBoxes

Selecting Deselecting all CheckBoxes Inside GridView in c#.net

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();
    }

    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

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book