This is a migrated thread and some comments may be shown as answers.

To Select /Deselect All Rows in a RadGrid with a Linkbutton in CommandItemTemplate

7 Answers 267 Views

Grid

This is a migrated thread and some comments may be shown as answers.

7 Answers, 1 is accepted

answered on 19 Dec 2011, 07:44 AM

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