How to check all checkboxes in grid view on checkibg of header check box including page indexing

Question

0.00/5 (No votes)

See more:

Hi,
I have a grid view in which I have taken a header check box and under that child check boxes. When I check header check box all check boxes get checked but on the existing page of the gv only. When i move to the next page I see that the check boxes of next pages are not checked. So if in case I am making a functionality in which i want to send emails to all users by checking the check boxes in front of there Email Ids i encounter a problem that only users existing on first page of gv receive the Emails. Rest of them don't get it just because check boxes are not selected completely. I have seen a lot of examples on forums but nothing was useful to me. Can u suggest something ? Here is my Java scrip code :

<pre lang="Javascript">
window.onload = function()
{
   //Get total no. of CheckBoxes in side the GridView.
   TotalChkBx = parseInt();

   //Get total no. of checked CheckBoxes in side the GridView.
   Counter = 0;
}

function HeaderClick(CheckBox)
{
   //Get target base & child control.
   var TargetBaseControl = 
       document.getElementById('<%= this.gvAllClients.ClientID %>');
   var TargetChildControl = "chkEmail_Single";

   //Get all the control of the type INPUT in the base control.
   var Inputs = TargetBaseControl.getElementsByTagName("input");

   //Checked/Unchecked all the checkBoxes in side the GridView.
   for(var n = 0; n < Inputs.length; ++n)
      if(Inputs[n].type == 'checkbox' && 
                Inputs[n].id.indexOf(TargetChildControl,0) >= 0)
         Inputs[n].checked = CheckBox.checked;

   //Reset Counter
   Counter = CheckBox.checked ? TotalChkBx : 0;
}

function ChildClick(CheckBox, HCheckBox)
{
   //get target control.
   var HeaderCheckBox = document.getElementById(HCheckBox);

   //Modifiy Counter; 
   if(CheckBox.checked && Counter < TotalChkBx)
      Counter++;
   else if(Counter > 0) 
      Counter--;

   //Change state of the header CheckBox.
   if(Counter < TotalChkBx)
      HeaderCheckBox.checked = false;
   else if(Counter == TotalChkBx)
      HeaderCheckBox.checked = true;
}

Help please !

Posted 29-May-12 18:26pm

Taresh Uppal

Add a Solution

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

vangapally Naveen Kumar · Answer 1 · 2012-05-29T18:46:00

see these link you may get some idea
http://blog.codovations.com/2009/02/maintaining-state-of-checkbox-in.html[^]

http://www.c-sharpcorner.com/uploadfile/MohanKumar.R/selecting-checkboxes-inside-the-gridview-control/[^]

http://www.ezineasp.net/post/ASP-Net-GridView-Checkbox-Select-All-using-Javascript.aspx[^]

Rajesh Kariyavula · Answer 2 · 2012-05-29T18:53:00

You can use the following code :

JavaScript

//Check all checkboxes in the grid.
function CheckAll(header,gridView)
{
    id = gridView.id;
    var rowCount = gridView.firstChild.childNodes.length;
    for(var i=2;i<rowCount+1;i++)
    {
        if(i<10)
            controlId = id+"_ctl0"+i;
        else
            controlId = id+"_ctl"+i;
        document.getElementById(controlId+'_chkPost').checked = header.checked;
     }
}

The parameters header will be the CheckBox in the Grid Header Column and gridView is your Grid Object.

Hope this helps.

Prosan · Answer 3 · 2012-05-29T19:26:00

Solution 3

when you click on check box and select all check box selected and send mail then you will save this data in database and keep them on all pages
when binding to grid

Posted 29-May-12 19:26pm

Prosan

Comments

Taresh Uppal 30-May-12 1:33am

I am not getting you ?? means wats the logic ?

TanvirRaihan · Answer 4 · 2012-05-29T19:43:00

When you select the header check box, it will only select the rows that are available on that page.... (as i am assuming that all the contacts are not loaded, as you are paging.). So no way to select all in current way.

What i can say that...you may need to change the current process. Can follow either one of them....

1> Better use a button labeled "Send mail to all" and call a method to get all from db and send email.

OR

2> Load all contacts on page. And show only the paged contacts. This way i think your code will work.

How to check all checkboxes in grid view on checkibg of header check box including page indexing

4 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0