Re: How to do JavaScript select all and de-selected all for checkboxes in t:dataTable

[Emily Gu]

Hi,

 

  I have figure out how to do this by using conditional rendering. Thanks for your help.

 

Thanks!

 

On 1/6/06, Emily Gu <[EMAIL PROTECTED]> wrote:

Hi Matias,

 

Thanks for your quick reply and help. It works perfectly.

 

Now I have another question. How to make the first column header of <t:dataTable> unsortable but just the checkbox to select all and de-select all. But all others are sortable? Any idea is very much appreciated.

 

Thanks,

Emily

 

 

On 1/6/06, Matias Gomez Carabias <[EMAIL PROTECTED] > wrote:

If those are the only checkboxes in a form you can do the following:

 

 

f

function selectAllCheckBox(actionForm){

 

            for ( i = 0; i < actionForm.elements.length ; i++ ) {

                        if (actionForm.elements[i].type == 'checkbox' ) {

                       

                                    actionForm.elements[i].checked   = true; 

                       

                        }          

           

            }          

 

}

 

function clearAllCheckBox(actionForm){

           

            for ( i = 0; i < actionForm.elements.length ; i++ ) {

                        if (actionForm.elements[i].type == 'checkbox' ) {

                       

                                    actionForm.elements[i].checked   = false;

                       

                        }          

           

            }          

 

}

 

 

function invertCheckBox(actionForm){

           

            for ( i = 0; i < actionForm.elements.length ; i++ ) {

                        if (actionForm.elements[i].type == 'checkbox' ) {

                       

                                    if (actionForm.elements[i ].checked == true) {

                                               

                                                actionForm.elements[i]. checked  = false;

                                               

                                    }

                                    else {

                                   

                                                actionForm.elements[i]. checked  = true; 

                                   

                                    }          

                       

                        }

                                   

           

            }          

 

}

 

-----Original Message-----
From: Emily Gu [mailto: [EMAIL PROTECTED]]
Sent: Friday, January 06, 2006 5:04 PM
To: users@myfaces.apache.org
Subject: How to do _javascript_ select all and de-selected all for checkboxes in t:dataTable

 

Hi,

 

I am using <t:dataTable> to show the first column as the checkbox for each row. Is there a way to add "select all" and "de-select all" _javascript_ into these checkboxes? I don't want to go back to the server side to do such simple thing. Please shed some lights.

 

Thanks for your help!

Emily