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

Select all in grid header template checkbox selects items in first page only

2 Answers 251 Views

Grid

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

Ankit asked on 18 Nov 2011, 10:26 AM

Save-All-Javascript-Function.JPG

I have a Telerik Grid with paging.

I want to Select All the rows in the Radgrid from a checkbox given in Header template of the grid from Client Side function

I am attaching my aspx code for your reference ,along will I am also attaching the javascript code that I am using currently.

But this code Selects all the rows of the same page and I want to select all the rows across all the pages in the grid by

Checking the Checkbox given in Header Template.

HI ,

<telerik:RadGrid ID="grdSearchResults" runat="server" AllowSorting="True" GridLines="None"

Skin="Windows7" AutoGenerateColumns="False" PageSize="5" OnItemDataBound="grdSearchResults_ItemDataBound"

OnNeedDataSource="grdSearchResults_NeedDataSource" CellSpacing="0">

<ClientSettings EnableRowHoverStyle="true">

</ClientSettings>

<MasterTableView Width="100%" TableLayout="Auto" CommandItemDisplay="Top" AllowPaging="true"

AllowSorting="true" PageSize="10" DataKeyNames="BackImage,Image,CreditImage">

<%--StatementID,StatementDate,AccountNumber,Rows,Columns,--%>

<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="true" ShowExportToExcelButton="true"

ShowExportToPdfButton="true" ShowExportToWordButton="true" ShowExportToCsvButton="true">

</CommandItemSettings>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn HeaderText="Statement Date" DataField="StatementDate"

UniqueName="StatementDate" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"

SortExpression="statementdate">

<ItemTemplate>

<asp:Label ID="lblstmtDate" runat="server" Text="<%# Bind('StatementDate') %>" Font-Bold="False"></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Account Number" DataField="AccountNumber"

UniqueName="AccountNumber" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"

SortExpression="AccountNumber">

<ItemTemplate>

<asp:Label ID="lblAccountNumber" runat="server" Text="<%# Bind('AccountNumber') %>"

Font-Bold="False">

</asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Rows" DataField="Rows" UniqueName="Rows"

HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" SortExpression="Rows">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtRows" runat="server" Width="20px" Type="Number"

MaxLength="1" DbValue="<%# Bind('Rows') %>" ToolTip="Please enter number greater than 0">

<NumberFormat DecimalDigits="0" GroupSeparator="" />

</telerik:RadNumericTextBox>

<asp:Label ID="Label2" runat="server" ForeColor="#FF3300" Text="*"></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Columns" DataField="Columns" UniqueName="Columns"

HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" SortExpression="Columns">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtColumns" runat="server" Width="20px" Type="Number"

MaxLength="1" DbValue="<%# Bind('Columns') %>" ToolTip="Please enter number greater than 0">

<NumberFormat DecimalDigits="0" GroupSeparator="" />

</telerik:RadNumericTextBox>

<asp:Label ID="Label1" runat="server" ForeColor="#FF3300" Text="*"></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn Visible="true" HeaderText="Add Credit Images" UniqueName="Credits"

HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:CheckBox ID="chkCredits" runat="server" />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Add Back Images" UniqueName="BackImage" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:CheckBox ID="chkBackImages" runat="server" />

</ItemTemplate>

<FooterStyle Width="100%" />

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="StatementID" HeaderText="StatementID" UniqueName="StatementID"

Visible="false">

<ItemTemplate>

<asp:Label ID="lblStatementID" runat="server" Text="<%# Bind('StatementID') %>"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="DatePrinted" HeaderText="Date Printed" UniqueName="DatePrinted"

Visible="false">

<ItemTemplate>

<asp:Label ID="lblDatePrited" runat="server" Text="<%# Bind('DatePrinted') %>"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="DateEmailed" HeaderText="Date Emailed" UniqueName="DateEmailed"

Visible="false">

<ItemTemplate>

<asp:Label ID="lblDateEmailed" runat="server" Text="<%# Bind('DateEmailed') %>"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Images" HeaderText="Images" UniqueName="Images"

Visible="false">

<ItemTemplate>

<asp:Label ID="lblImages" runat="server" Text="<%# Bind('Images') %>"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Add Images" UniqueName="AddImages" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:CheckBox ID="chkAddImages" Checked="true" runat="server" />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="IsSelected" HeaderText="IsSelected" UniqueName="IsSelected" Display="false">

<ItemTemplate>

<asp:Label ID="lblIsSelected" runat="server" Text="<%# Bind('IsSelected') %>"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="checkboxcolumn" HeaderStyle-Width="7%" ItemStyle-Width="7%"

HeaderStyle-HorizontalAlign="Center">

<HeaderTemplate>

<asp:CheckBox ID="CheckBoxAll" runat="server" onclick="javascript:selectAll(this);" />

</HeaderTemplate>

<ItemTemplate>

<asp:Image ID="SavedItemImage" runat="server" Visible="false" ImageUrl="~/Images/Common/disk2.gif" />

<asp:CheckBox ID="chkSelect" runat="server" />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" Width="30px"></HeaderStyle>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="StatementFileIndexId" FilterControlAltText="Filter StatementFileIndexId column"

HeaderText="StatementFileIndexId" UniqueName="StatementFileIndexId" Visible="False">

<ItemTemplate>

<asp:Label ID="lblStatementFileIndexId" runat="server" Text="<%# Bind('StatementFileIndexId') %>"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<PagerStyle AlwaysVisible="True"></PagerStyle>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Windows7">

</HeaderContextMenu>

</telerik:RadGrid>

Attached is the image wherein I have the javascript methos that I have used for select all.
Pls let me know ehat can be done.

2 Answers, 1 is accepted

answered on 18 Nov 2011, 02:12 PM

Hello,

please Check below code snippet.

bool flag = false;

if (RadGrid1.MasterTableView.GetItems(GridItemType.Header).Count() > 0)

{

GridHeaderItem hItem = RadGrid1.MasterTableView.GetItems(GridItemType.Header)[0] as GridHeaderItem;

flag = (hItem.FindControl("AllCheckBox1") as CheckBox).Checked;

}

RadGrid1.AllowPaging = false;

RadGrid1.Rebind();

foreach (GridDataItem item in RadGrid1.MasterTableView.Items)

{

item.Selected = flag;

}

// you can access your all checked items here

RadGrid1.AllowPaging = true;

RadGrid1.Rebind();

Thanks,
Jayesh Goyani