We are using a rad grid with edit form that opens in popup on the Edit event of each row. Currently grid refreshes each time the edit link is clicked and take time to open the Popup which is impacting the performance. Moreover if we cancel or close the popup
(handled by cancel event) the grid again refreshes and this action also takes time which in fact should be immediate.
Is there anyway to control the rebind of grid on these events.
Structure of grid:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="radGridComingSoon">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="radGridComingSoon">
</telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="comingSoonRadAjaxLoadingPanel" runat="server">
</telerik:RadAjaxLoadingPanel>
<telerik:RadGrid ID="radGridComingSoon" AllowSorting="True" AllowPaging="True" runat="server"
OnItemCreated="radGridComingSoon_ItemCreated" OnItemDataBound="radGridComingSoon_ItemDataBound"
GridLines="None" OnInsertCommand="radGridComingSoon_InsertCommand" OnUpdateCommand="radGridComingSoon_UpdateCommand"
OnDeleteCommand="radGridComingSoon_DeleteCommand" OnItemCommand="radGridComingSoon_ItemCommand"
BorderStyle="Solid" AutoGenerateColumns="false" AllowMultiRowEdit="false" EnableViewState="true"
OnPreRender="radGridComingSoon_PreRender" AllowCustomSorting="true">
<PagerStyle Mode="NextPrevAndNumeric" PrevPageText="Prev" FirstPageText="First" NextPageText="Next"
LastPageText="Last"></PagerStyle>
<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="StandardNumber"
AutoGenerateColumns="false" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnFirstPage"
EditMode="PopUp">
<EditFormSettings InsertCaption="Add Coming Soon" CaptionFormatString="Edit Coming Soon">
<PopUpSettings Modal="true" Width="742px" Height="1400px" ZIndex="201" />
</EditFormSettings>
<ItemTemplate>
<table class="expandable standards-table">
<tbody>
<tr data-id='<%# Eval("ComingSoonId") %>'>
<td width="100px">
<asp:Label runat="server" ID="StandardNumberLabel" Text='<%# Eval("StandardNumber") %>'></asp:Label>
<td class="icon-column" width="50px" id="tdEditDeleteLink" runat="server">
<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="Edit" CssClass="Edit-Summary"><i class="icon edit"></i></asp:LinkButton>
<asp:LinkButton ID="lnkBtnDelete" runat="server" CommandName="Delete" CssClass="delete"><i class="icon remove delete"></i></asp:LinkButton>
</td>
<td>
<asp:Label runat="server" ID="lblChange" Text='<%# Eval("ComingSoonId") %>' CssClass="hide"></asp:Label>
</td>
</tr>
</tbody>
</table>
</ItemTemplate>
<Columns>
<telerik:GridTemplateColumn HeaderText="Standard No." SortExpression="StandardNumber"
UniqueName="StandardNumber" DataField="StandardNumber" ItemStyle-CssClass="ColorClass">
<telerik:GridTemplateColumn HeaderText="ComingSoonId" SortExpression="ComingSoonId"
UniqueName="ComingSoonId" DataField="ComingSoonId" Display="false" EditFormHeaderTextFormat="">
</telerik:GridTemplateColumn>
</Columns>
<NoRecordsTemplate>
<div>
No records to display</div>
</NoRecordsTemplate>
<EditFormSettings EditFormType="Template">
<FormTemplate>
<div class="modal coming-soon-modal">
<h3 class="brand modal-sub-title">
Brand: <strong>'<%#strBrandName %>'</strong></h3>
<div class="modal-form">
<asp:TextBox ID="txtCompDate" runat="server" CssClass="datepicker"></asp:TextBox>
<asp:Button ID="btnUpdate" CssClass="btn" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'
runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'>
</asp:Button>
<asp:Button ID="btnCancel" Text="Cancel" CssClass="cancel" runat="server" CausesValidation="False"
CommandName="Cancel"></asp:Button>
</fieldset>
</div>
</div>
</FormTemplate>
</EditFormSettings>
<CommandItemSettings AddNewRecordText="Add new record" AddNewRecordImageUrl="/_layouts/images/HBSImages/add-record-icon.gif"
RefreshText="Refresh" RefreshImageUrl="/_layouts/images/HBSImages/refresh-icon.gif"
ShowRefreshButton="false"></CommandItemSettings>
</MasterTableView>
<ClientSettings>
<ClientEvents OnRowDblClick="RowDblClick"></ClientEvents>
</ClientSettings>
</telerik:RadGrid>
(handled by cancel event) the grid again refreshes and this action also takes time which in fact should be immediate.
Is there anyway to control the rebind of grid on these events.
Structure of grid:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="radGridComingSoon">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="radGridComingSoon">
</telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="comingSoonRadAjaxLoadingPanel" runat="server">
</telerik:RadAjaxLoadingPanel>
<telerik:RadGrid ID="radGridComingSoon" AllowSorting="True" AllowPaging="True" runat="server"
OnItemCreated="radGridComingSoon_ItemCreated" OnItemDataBound="radGridComingSoon_ItemDataBound"
GridLines="None" OnInsertCommand="radGridComingSoon_InsertCommand" OnUpdateCommand="radGridComingSoon_UpdateCommand"
OnDeleteCommand="radGridComingSoon_DeleteCommand" OnItemCommand="radGridComingSoon_ItemCommand"
BorderStyle="Solid" AutoGenerateColumns="false" AllowMultiRowEdit="false" EnableViewState="true"
OnPreRender="radGridComingSoon_PreRender" AllowCustomSorting="true">
<PagerStyle Mode="NextPrevAndNumeric" PrevPageText="Prev" FirstPageText="First" NextPageText="Next"
LastPageText="Last"></PagerStyle>
<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="StandardNumber"
AutoGenerateColumns="false" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnFirstPage"
EditMode="PopUp">
<EditFormSettings InsertCaption="Add Coming Soon" CaptionFormatString="Edit Coming Soon">
<PopUpSettings Modal="true" Width="742px" Height="1400px" ZIndex="201" />
</EditFormSettings>
<ItemTemplate>
<table class="expandable standards-table">
<tbody>
<tr data-id='<%# Eval("ComingSoonId") %>'>
<td width="100px">
<asp:Label runat="server" ID="StandardNumberLabel" Text='<%# Eval("StandardNumber") %>'></asp:Label>
<td class="icon-column" width="50px" id="tdEditDeleteLink" runat="server">
<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="Edit" CssClass="Edit-Summary"><i class="icon edit"></i></asp:LinkButton>
<asp:LinkButton ID="lnkBtnDelete" runat="server" CommandName="Delete" CssClass="delete"><i class="icon remove delete"></i></asp:LinkButton>
</td>
<td>
<asp:Label runat="server" ID="lblChange" Text='<%# Eval("ComingSoonId") %>' CssClass="hide"></asp:Label>
</td>
</tr>
</tbody>
</table>
</ItemTemplate>
<Columns>
<telerik:GridTemplateColumn HeaderText="Standard No." SortExpression="StandardNumber"
UniqueName="StandardNumber" DataField="StandardNumber" ItemStyle-CssClass="ColorClass">
<telerik:GridTemplateColumn HeaderText="ComingSoonId" SortExpression="ComingSoonId"
UniqueName="ComingSoonId" DataField="ComingSoonId" Display="false" EditFormHeaderTextFormat="">
</telerik:GridTemplateColumn>
</Columns>
<NoRecordsTemplate>
<div>
No records to display</div>
</NoRecordsTemplate>
<EditFormSettings EditFormType="Template">
<FormTemplate>
<div class="modal coming-soon-modal">
<h3 class="brand modal-sub-title">
Brand: <strong>'<%#strBrandName %>'</strong></h3>
<div class="modal-form">
<asp:TextBox ID="txtCompDate" runat="server" CssClass="datepicker"></asp:TextBox>
<asp:Button ID="btnUpdate" CssClass="btn" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'
runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'>
</asp:Button>
<asp:Button ID="btnCancel" Text="Cancel" CssClass="cancel" runat="server" CausesValidation="False"
CommandName="Cancel"></asp:Button>
</fieldset>
</div>
</div>
</FormTemplate>
</EditFormSettings>
<CommandItemSettings AddNewRecordText="Add new record" AddNewRecordImageUrl="/_layouts/images/HBSImages/add-record-icon.gif"
RefreshText="Refresh" RefreshImageUrl="/_layouts/images/HBSImages/refresh-icon.gif"
ShowRefreshButton="false"></CommandItemSettings>
</MasterTableView>
<ClientSettings>
<ClientEvents OnRowDblClick="RowDblClick"></ClientEvents>
</ClientSettings>
</telerik:RadGrid>