Tuesday, April 1, 2008

How To Add Client Side code to to select Checkboxes All and deselct Check boxes all in GridView




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

<!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 runat="server">
   <title>Untitled Page</title>

   <script type="text/javascript">

function SetStatus(headObj) {

   var obj = document.getElementsByTagName("input");
     for(var i =0; i < obj.length ; i++) {   
        if(obj[i].type.toLowerCase() == "checkbox" &&
 obj[i].name.toLowerCase() != headObj.name.toLowerCase() )
        {   
              if(headObj.checked)
                   obj[i].checked = true;                 
              else
                   obj[i].checked = false;
         }
    }
    return true;
}

   </script>

</head>
<body>
   <form id="form1" runat="server">
       <div>
           <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
               <Columns>
                   <asp:TemplateField>
                       <HeaderTemplate>
                           <asp:CheckBox runat="server" ID="HeaderLevelCheckBox"
OnClick="SetStatus(this);" />
                       </HeaderTemplate>
                       <ItemTemplate>
                           <asp:CheckBox runat="server" ID="RowLevelCheckBox" />
                       </ItemTemplate>
                   </asp:TemplateField>
                   <asp:BoundField DataField="CompanyName" HeaderText="CompanyName"  />
                   <asp:BoundField DataField="Address" HeaderText="Address"  />
               </Columns>
           </asp:GridView>
       </div>
   </form>
</body>
</html>


using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class GridViewCheckbox : System.Web.UI.Page
{
   protected void Page_Load(object sender, EventArgs e)
   {
       GridView1.DataSource = c();
       GridView1.DataBind();

   }
   public DataSet c()
   {
       DataSet ds = new DataSet();
       DataTable dt = new DataTable("Company");
       DataRow dr;
       dt.Columns.Add(new DataColumn("accountNo", typeof(Int32)));
       dt.Columns.Add(new DataColumn("CompanyName", typeof(string)));
       dt.Columns.Add(new DataColumn("Address", typeof(string)));
       for (int i = 0; i <= 10; i++)
       {
           dr = dt.NewRow();
           dr[0] = i;
           dr[1] = "Company" + i + Environment.NewLine + "Title" + i;
           dr[2] = "Address" + i + Environment.NewLine + "Title" + i;
           dt.Rows.Add(dr);
       }
       ds.Tables.Add(dt);
       return ds;
   }
}

No comments:

Post a Comment