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

Radgrid export and ajaxloadingpanel

1 Answer 158 Views

Grid

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

Gallaz Philippe asked on 19 Oct 2010, 10:49 AM

Hello,

I have an issue using the RadGrid export functions. The RadGrid is placed on a RadAjaxPanel combined with a RadAjaxLoadingPanel. The RadAjaxLoadingPanel is displayed when clicking on the integrated grid export button but it remains open after the file has been downloaded. I would like to not display the RadAjaxLoadingPanel when clicking on export or hide it after download. I tried to hide the RadAjaxLoadingPanel in the onRequestStart method with following code without success:

function onRequestStart(sender, args)

{

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToWordButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToCsvButton") >= 0) {

alert("no ajax");

args.set_enableAjax(false);

currentLoadingPanel = $find("<%= rAJLoadingPanel.ClientID %>");

currentLoadingPanel.hide(currentLoadingPanel);

currentLoadingPanel.style.visibility = 'hidden';

}

Please try the code attached taken from Telerik RadGrid Export samples to reproduce the problem

<%@ Page Language="c#" Inherits="Telerik.GridExamplesCSharp.GeneralFeatures.Exporting.DefaultCS"

CodeFile="DefaultCS.aspx.cs" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" %>

<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>

<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>

<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<telerik:HeadTag runat="server" ID="Headtag2"></telerik:HeadTag>

</head>

<body class="BODY">

<form runat="server" id="mainForm" method="post">

<telerik:Header runat="server" ID="Header1" NavigationLanguage="CS"></telerik:Header>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<div class="module" style="height: 110px; width: 92%">

<asp:CheckBox ID="CheckBox1" Text="Export only data" runat="server"></asp:CheckBox>

<br />

<asp:CheckBox ID="CheckBox2" Text="Ignore paging (exports all pages)" runat="server">

</asp:CheckBox>

<br />

<asp:CheckBox ID="CheckBox3" Text="Open exported data in new browser window" runat="server">

</asp:CheckBox>

<br />

<asp:Button ID="Button1" CssClass="button" Width="150px" Text="Export to Excel" OnClick="Button1_Click"

runat="server"></asp:Button>

<asp:Button ID="Button2" CssClass="button" Width="150px" Text="Export to Word" OnClick="Button2_Click"

runat="server"></asp:Button>

<asp:Button ID="Button3" CssClass="button" Width="150px" Text="Export to CSV" OnClick="Button3_Click"

runat="server"></asp:Button>

</div>

<br />

<script type="text/javascript">

function onRequestStart(sender, args)

{

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToWordButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToCsvButton") >= 0) {

args.set_enableAjax(false);

}

</script>

<telerik:RadAjaxLoadingPanel ID="rAJLoadingPanel" runat="server" Skin="Default" />

<telerik:RadAjaxPanel ID="radPanel" runat="server" LoadingPanelID="rAJLoadingPanel">

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<ClientEvents OnRequestStart="onRequestStart" />

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radPanel" LoadingPanelID="rAJLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" AllowSorting="True"

AllowPaging="True" PageSize="10" runat="server" GridLines="None" Width="95%"

OnItemCommand="RadGrid1_ItemCommand">

<ExportSettings HideStructureColumns="true" />

<MasterTableView Width="100%" CommandItemDisplay="Top">

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"

ShowExportToCsvButton="true" />

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<br />

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"

ProviderName="System.Data.SqlClient" SelectCommand="SELECT CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers"

runat="server"></asp:SqlDataSource>

<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>

</form>

</body>

</html

>





I

Radgrid export and ajaxloadingpanel

1 Answer, 1 is accepted