Hai,
   I want to have a toggle check box in my datagrid.
I had a datagrid i want to hava a check box in the datagrid header or templete column. If i check that check box, it should check all the check box in that column. And this should happen in the client side. I saw the same functionality in yahoo or gmail.

                                     thank in advance.




vamsi

__________________
vamsi Krishna G
mobile: 91 + 9986023966.
124 Puttappa layout new Tippasandhra,
bangalore.
Inida

This is the sample code for the Toggle check boxes.

we need to use java script function for selecting and un selecting the check boxes.


// code for selecting and deselecting checkboxes

    function select_deselectAll (chkVal, idVal)
    {
        var frm = document.forms[0];
        // Loop through all elements
        for (i=0; i<frm.length; i++)
        {
            // Look for our Header Template's Checkbox
            if (idVal.indexOf ('CheckAll') != -1)
            {
                // Check if main checkbox is checked, then select or deselect datagrid checkboxes
                if(chkVal == true)
                {
                    frm.elements[i].checked = true;
                }
                else
                {
                    frm.elements[i].checked = false;
                }
                // Work here with the Item Template's multiple checkboxes
            }
            else if (idVal.indexOf ('DeleteThis') != -1)
            {
                // Check if any of the checkboxes are not checked, and then uncheck top select all checkbox
                if(frm.elements[i].checked == false)
                {
                    frm.elements[1].checked = false; //Uncheck main select all checkbox
                }
            }
         }
    }
================================================== ==========================================



This is aspcode.

<form runat="server" ID="Form1">
    <h3>Selecting, Confirming &amp; Deleting Multiple Checkbox Items In A DataGrid
        (i.e. HotMail &amp; Yahoo)</h3>
    <br>
    <ASP:DataGrid id="MyDataGrid" runat="server" Width="700" BackColor="white" BorderColor="black"
        CellPadding="3" CellSpacing="0" Font-Size="9pt" AutoGenerateColumns="False" HeaderStyle-BackColor="darkred"
        HeaderStyle-ForeColor="white">
        <Columns>
<asp:TemplateColumn>
                <HeaderTemplate>
                    <asp:CheckBox ID="CheckAll" OnClick="javascript: return select_deselectAll (this.checked, this.id);"
                        runat="server" />
                    a
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:CheckBox ID="DeleteThis" OnClick="javascript: return select_deselectAll (this.checked, this.id);"
                        runat="server" />
                </ItemTemplate>
            </asp:TemplateColumn>
// ... Rest of our Custom Template & Bound Columns
</Columns>
</form>


vamsi