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

How to display a loadingPanel in RadWindow

3 Answers 325 Views

Ajax

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

Bernardo asked on 20 May 2013, 04:21 PM

Hi,

I am having some problems with this functionality.
I want to display a loading panel in my radWindow when the button btnGuardar is clicked.

This is my current code, and with this i cannot check if the loading panel appears because my btnGuardar is not working (for some reason is disabled) unless i delete the AjaxUpdatedControl

I have a page that is opened through javascript

var oManager = GetRadWindowManager();

var oWnd = oManager.getWindowByName("genericWindow");

oWnd.setUrl("/Workstatus/PopupSoldadura.aspx?ID=" + escape(idJuntaWorkstatusID) + "&RO=" + escape(readOnly));

Sam.Utilerias.SetSize(oWnd,790, 560);

oWnd.set_modal(true);

oWnd.center();

oWnd.show();

this RadWindow has the next code

<asp:Content ID="Content1" ContentPlaceHolderID="cphHeader" runat="server">

<link rel="Stylesheet" href="/Css/combos.css" type="text/css" media="all" />

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server">

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

<telerik:RadAjaxManagerProxy runat="server" ID="RadAjaxManagerProxy1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnGuardar">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlPopupSoldadura" LoadingPanelID="loadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="loadingPanel" runat="server" Skin="WebBlue"></telerik:RadAjaxLoadingPanel>

<asp:Panel runat="server" ID="pnlPopupSoldadura">

<telerik:RadWindow runat="server" ID="rdwCambiarFechaArmado">

<ContentTemplate>

<div style="margin-left: 30px; margin-top: 10px">

<asp:HiddenField runat="server" ID="hdnCambiaFechas"/>

<div class="divIzquierdo ancho50 boldElements">

<asp:Label ID="lblEncabezadoFechaProcesoAnterior" runat="server" meta:resourcekey="lblEncabezadoFechaProcesoAnterior"/>

<asp:Label ID="lblFechaProcesoAnterior" runat="server" />

<p></p>

<div class="separador">

<asp:Label ID="lblNuevaFecha" runat="server" meta:resourcekey="lblNuevaFecha"/>

<br />

<mimo:MappableDatePicker ID="mdpFechaArmado" runat="server" Style="width: 209px" />

</div>

<p></p>

</div>

<div class="divDerecho ancho50 boldElements">

<asp:Label ID="lblEncabezadoFechaReporteProcesoAnterior" runat="server" meta:resourcekey="lblEncabezadoFechaReporteProcesoAnterior"/>

<asp:Label ID="lblFechaReporteProcesoAnterior" runat="server" />

<p></p>

<div class="separador">

<asp:Label ID="lblNuevaFechaReporte" runat="server" meta:resourcekey="lblNuevaFechaReporte"/>

<br />

<mimo:MappableDatePicker ID="mdpFechaReporteArmado" runat="server" Style="width: 209px" />

</div>

<p></p>

</div>

<p>

<samweb:BotonProcesando runat="server" ID="btnGuardarPopUp" meta:resourcekey="btnGuardarPopUp" CssClass="boton" OnClick="btnGuardarPopUp_OnClick" ValidationGroup="valGuardar"/>

</p>

</div>

</ContentTemplate>

</telerik:RadWindow>

<div style="width: 750px;">

<div class="headerAzul">

<span class="tituloBlanco">

<asp:Literal runat="server" ID="litTitulo" meta:resourcekey="litTitulo" />

</span>

</div>

<div class="popupSpoolRO" >

<telerik:RadTabStrip runat="server" ID="tab" MultiPageID="mpSoldadura" Orientation="HorizontalBottom" CausesValidation="false" >

<Tabs>

<telerik:RadTab meta:resourcekey="tabInfo" Selected="true" />

<telerik:RadTab meta:resourcekey="tabSoldadorRaiz" />

<telerik:RadTab meta:resourcekey="tabSoldadorRelleno" />

</Tabs>

</telerik:RadTabStrip>

<div class="controles">

<telerik:RadMultiPage runat="server" ID="mpSoldadura">

<telerik:RadPageView ID="pvInfoGeneral" runat="server" Selected="true">

<ctInfo:Info runat="server" ID="ctrlInfo" OnWpsSeleccionado="wpsInfoSeleccionado" OnWpsRellenoSeleccionado="wpsRellenoInfoSeleccionado" OnWpsDiferenteCambio="WpsDiferenteCambio" />

</telerik:RadPageView>

<telerik:RadPageView ID="pvSoldadorRaiz" runat="server">

<ctrl:SoldadorRaiz runat="server" ID="ctrlRaiz" OnProcesoRaizSeleccionado="procesoSeleccionado" OnWpsSeleccionado="wpsSeleccionado" />

</telerik:RadPageView>

<telerik:RadPageView ID="pvSoldadorRelleno" runat="server">

<ctrl:SoldadorRelleno runat="server" ID="ctrlRell" OnProcesoRellenoSeleccionado="procesoRellenoSeleccionado" OnWpsSeleccionado="wpsRellenoSeleccionado" />

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

<p></p>

</div>

<div class="pestanaBoton" id="divGuardar" runat="server">

<asp:Button runat="server" ID="btnGuardar" meta:resourcekey="btnGuardar" CssClass="boton" />

</div>

<asp:Panel CssClass="cajaNaranja" ID="pnlEspesor" runat="server" Visible="false">

<asp:Label ID="lblEspesorCero" runat="server" meta:resourcekey="lblEspesorCero" CssClass="bold" />

</asp:Panel>

</div>

</asp:Panel>

</asp:Content>

Thanks

3 Answers, 1 is accepted

answered on 30 May 2013, 05:15 PM

popup.png

Hi,

I have tried it but it failed,

anyway I don't understand why I need to place the pnlPopupSoldadura around the controls from the ContentTemplate in RadWindow
because what I want is to display my loading panel in whole popup, all content within

<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server"></asp:Content

>



when I call my popup, a loading panel is shown (see attached image):


var oManager = GetRadWindowManager();
    var oWnd = oManager.getWindowByName("genericWindow");
    oWnd.setUrl("/Workstatus/PopupSoldadura.aspx?ID=" + escape(idJuntaWorkstatusID) + "&RO=" + escape(readOnly));
    Sam.Utilerias.SetSize(oWnd,790, 560);
    oWnd.set_modal(true);
    oWnd.center();
    oWnd.show();





once the popup has loaded, it displays a form, when the user presses a submit button I want to show the loading panel in whole page as when I call the popup.





I've placed the RadAjaxManager control inside the Master page as you said.