Select the header checkbox in javascript

[Su Sundee]

Hello,

First of all, I'm not good at English. I'm sorry for that.
I have a TreeList and I used the OnItemSelected and OnItemDeselected client event.
In this event, how can i know user is selected the header checkbox column or row checkbox column?
I try the whole day but I still can't find it.
Anyone, please help me!.

Thanks & Regards,
Sundee

[Su Sundee]

Hello,

I have a TreeList and I used the OnItemSelected and OnItemDeselected client event.
In this event, how can i know user is selected the header checkbox column or row checkbox column?
I try the whole day but I still can't find it.
Anyone, please help me!.

Thanks & Regards,
Sundee

[Shinu]

Hi Su Sundee,

Please have a look into the sample code I tried to achieve your scenario.

ASPX:

<telerik:RadTreeList ID="RadTreeList1" runat="server" DataKeyNames="EmployeeID" ParentDataKeyNames="ReportsTo"
    AutoGenerateColumns="false" DataSourceID="SqlDataSource1" PageSize="5" ClientDataKeyNames="EmployeeID"
    AllowMultiItemSelection="true">
    <Columns>
        <telerik:TreeListSelectColumn HeaderStyle-Width="38px" UniqueName="EmployeeID">
        </telerik:TreeListSelectColumn>
        <telerik:TreeListBoundColumn DataField="EmployeeID" HeaderText="EmployeeID" HeaderStyle-Width="80px"
            UniqueName="a">
        </telerik:TreeListBoundColumn>
        <telerik:TreeListBoundColumn DataField="LastName" HeaderText="LastName" UniqueName="b">
        </telerik:TreeListBoundColumn>
        <telerik:TreeListBoundColumn DataField="ReportsTo" HeaderText="ReportsTo" UniqueName="c">
        </telerik:TreeListBoundColumn>
    </Columns>
    <ClientSettings Selecting-AllowItemSelection="true">
        <ClientEvents OnItemSelected="OnItemSelected"></ClientEvents>
    </ClientSettings>
</telerik:RadTreeList>

JavaScript:

<script type="text/javascript">
    function OnItemSelected(sender, args) {
        var checkbox = $get("RadTreeList1").getElementsByTagName("input")[0];
        if (checkbox.checked == true)
          //header checkbox is selected
        else
            //row checkbox is selected
    }
</script>

Thanks,
Shinu.