Client API for Select All

[miksh]

Is there any way on the client side to simulate behaviour of Select All checkbox in the header of  GridClientSelectColumn to Select All/Unselect All items?

[Shinu]

Hi,

Try the following JavaScript code to select and deselect items on the client side.

ASPX:

   <asp:Button ID="Button1" runat="server" Text="SelectAll"  OnClientClick="SelectAll()"/>
        <asp:Button ID="Button2" runat="server" Text="DeselectAll" OnClientClick="DeselectAll()" />

JS:

<script  language="javascript" type="text/javascript">
   function SelectAll()
   {
       var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
       for(var i=0;i<=masterTable.get_dataItems().length;i++)
         {
             masterTable.selectItem(masterTable.get_dataItems()[i].get_element());
         }
   }
   function DeselectAll()
   {
   var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
       for(var i=0;i<=masterTable.get_dataItems().length;i++)
         {
             masterTable.deselectItem(masterTable.get_dataItems()[i].get_element());
         }
   }

     </script>

Thanks
Shinu.

[miksh]

Thanks.
It would great if you add such Client API methods in next releases.

[Princy]

Hi,

You can get this implemented by setting AllowMultiRowSelection property of the grid to true with the GridClientSelectColumn.
aspx:

<telerik:RadGrid ID="RadGrid1" AllowMultiRowSelection="True"  DataSourceID="SqlDataSource1" >
 <MasterTableView DataSourceID="SqlDataSource1" >
  <Columns>
          <telerik:GridClientSelectColumn></telerik:GridClientSelectColumn>
  </Columns>
 </MasterTableView>
</telerik:RadGrid >

Thanks
Princy.

[miksh]

I'm aware of this feature. In my question I meant the scenarios where I need to select/unselect all items programmatically on the client-side based on various page events. So a single grid client API method would help very much.