Hello Shinu,
The following are the codes I have created. But unfortunately I couldn't able to Select or Deselect all Rows From CommandItem Template with the javascript functions. Please Help me to find a solution.
function RowSelected()
{
var grid = $find("<%=CandidatesGrid.ClientID %>");
var MasterTable = grid.get_masterTableView();
var selectedRows = MasterTable.get_selectedItems();
var IDArray = new Array(MasterTable.get_selectedItems().length);
for (var i = 0; i < selectedRows.length; i++)
{
IDArray[i] = MasterTable.get_selectedItems()[i]._itemIndexHierarchical;
}
__doPostBack( "ctl00_ContentPlaceHolder_CandidatesGrid", IDArray );
}
function SelectRows()
{
var masterTable = $find("<%= CandidatesGrid.ClientID %>").get_masterTableView();
var row = masterTable.get_dataItems();
for(i =0;i<row.length;i++)
{
masterTable.get_dataItems()[i].set_selected(true);
}
}
function deselectrows()
{
var masterTable = $find("<%= CandidatesGrid.ClientID %>").get_masterTableView();
var row = masterTable.get_dataItems();
alert("HereD");
for(i =0;i<row.length;i++)
{
masterTable.get_dataItems()[i].set_selected(false);
}
}
<table>
<tr>
<td>
<asp:UpdatePanel ID="updatePnlSkills" runat="server">
<ContentTemplate>
<fieldset style="border:0px;">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:Panel ID="pnlSkills" runat="server">
<asp:Literal ID="LitSkills" runat="server"></asp:Literal>
</asp:Panel>
</td>
</tr>
</table>
</fieldset>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="CandidatesGrid" Eventname="SelectedIndexChanged"/>
</Triggers>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" >
<ProgressTemplate>
<asp:Panel id="Panel1" Height="100%" runat="server" style="position:relative; left:0px; top:0px;">
<table style="width:100%;height:100%">
<tr>
<td align="center" style="padding-top:10px;vertical-align:top;">
<asp:Image id="imgReadingPaneLoading" runat="server" Height="29px" Width="30px" ImageUrl="~/Images/Loading.gif">
</asp:Image>
</td>
</tr>
</table>
</asp:Panel>
</ProgressTemplate>
</asp:UpdateProgress>
<table>
<tr>
<td>
<telerik:RadGrid ID ="CandidatesGrid" runat="server" ShowStatusBar="false" AllowPaging="True" AllowSorting="True"
PageSize="3" AllowMultiRowSelection="True" GridLines="None" Skin="Outlook" EnableAjaxSkinRendering="true" Width="100%">
<MasterTableView Width="100%" ShowHeader="false" ClientDataKeyNames="ID" GroupLoadMode="Client" AutoGenerateColumns="false" >
<CommandItemTemplate>
<table>
<tr>
<td style="width:76px;">
<label id="lblSelectJobs" runat="server" style="font-weight:bold">Select Jobs</label>
</td>
<td>
<asp:LinkButton ID="lnkSelectAll" runat="server" CommandName="SelectAll" Style="" OnClientClick="SelectRows">Select All</asp:LinkButton>
</td>
<td>
<label id="lblLinkSeparater" runat="server">|</label>
</td>
<td>
<asp:LinkButton ID="lnkDeSelectAll" runat="server" CommandName="DeSelectAll" Style="" OnClientClick="deselectrows">DeSelect All</asp:LinkButton>
</td>
</tr>
</table>
</CommandItemTemplate>
<Columns>
<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" />
<telerik:GridBoundColumn Visible="False" DataField="ID" UniqueName="ID" ItemStyle-Width="0" />
<telerik:GridBoundColumn HeaderText="JobDetails" DataField="JobDetails" UniqueName="JobDetails" />
</Columns>
</MasterTableView>
<ClientSettings EnableRowHoverStyle="false" EnablePostBackOnRowClick="false">
<Selecting AllowRowSelect="True"/>
<ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowSelected" OnGridCreated="SelectRows"/>
</ClientSettings>
</telerik:RadGrid>
</td>
</tr>
</table>
</td>
</tr>
</table>
Regards,
Tinoy