CheckAll Functionality with pagination in RadGrid

[Chamara]

I using following code to implement checkAll functionality using a header template checkbox.it works fine for the current page when pagination is enabled.i need to check all checkboxs in all the pages


 function CheckHeaderCheckBoxIfNeeded(radGrid) {
                var checkHeaderCheckBox = true;
                var dataItems = radGrid.get_masterTableView().get_dataItems();
              
                for (var i = 0; i < dataItems.length; i++) {
                    var dataItem = dataItems[i];
                    var row = dataItem.get_element();
                    var ckeckBox = row.children[0].children[0];
                    if (!ckeckBox.checked) {
                        checkHeaderCheckBox = false;
                    }
                }


                SelectCheckBox(checkHeaderCheckBox);
            } 

[Pavlina]

Hello Chamara,

When the grid is in paging mode only the items for the current page are retrieved - there are no items in memory.
Additionally If you want to operate with all records from the source when the grid paging is enabled, reference directly the data from the underlying data source to process further operations over it.

The other solution is to disable temporary the paging feature of the control.
You have to set the AllowPaging property of the grid to false at a certain stage of the lifecycle and rebind the control invoking its Rebind() method, then traverse all items in it. When you are done with this task, set the AllowPaging property back to true and rebind the grid to enable the paging feature again.

Pavlina
the Telerik team

[Chamara]

I need to do this javascript code because there are nearly 10000 records already, on my grid and in the header checkbox event i'm already running some other code also.if i implement your second solution in server side it'll make the response very slow.so can you provide me a code sample to implement this in client side?  

[Jayesh Goyani]

Hello,

<script type="text/javascript">
 var selected = {};
            function RadGrid1_RowSelected(sender, args) {
                var StudentId = args.getDataKeyValue("StudentId");
                if (!selected[StudentId]) {
                    selected[StudentId] = true;
                }
            }
            function RadGrid1_RowDeselected(sender, args) {
                var StudentId = args.getDataKeyValue("StudentId");
                if (selected[StudentId]) {
                    selected[StudentId] = null;
                }
            }
            function pageLoad(sender, args) {
                var dataItems = $find('<%=RadGrid1.ClientID %>').get_masterTableView().get_dataItems();
                for (var i = 0, j = dataItems.length; i < j; i++) {
                    var item = dataItems[i];
                    if (selected[item.getDataKeyValue("StudentId")]) {
                        item.set_selected(true);
                    }
                }
            }
 </script>

<telerik:RadGrid ID="RadGrid1" runat="server">
 <MasterTableView  ClientDataKeyNames="StudentId">

 <ClientSettings   Selecting-AllowRowSelect="true" EnableRowHoverStyle="true">
                        <ClientEvents OnRowSelected="RadGrid1_RowSelected" OnRowDeselected="RadGrid1_RowDeselected" />
                    </ClientSettings>

                </telerik:RadGrid>

Let me know if any concern.

Thanks,
Jayesh Goyani