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

How to display a loadingPanel in RadWindow

3 Answers 224 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Bernardo
Top achievements
Rank 1
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

Sort by
0
Andrey
Telerik team
answered on 23 May 2013, 08:36 AM
Hello,

Please place the RadAjaxManager control inside the Master page and the RadAjaxManagerProxy inside the ContentTemplate of RadWindow and move the pnlPopupSoldadura around the controls from the ContentTemplate you wish to update when you click the button.

Thus you should be able to achieve your goal.

Thus
Regards,
Andrey
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Bernardo
Top achievements
Rank 1
answered on 30 May 2013, 05:15 PM
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.
0
Andrey
Telerik team
answered on 03 Jun 2013, 11:51 AM
Hello,

Since the submit button is located inside RadWindow and the window is destroyed after you click the button your best choice is to display the loading panel manually as explained in this help topic.

Regards,
Andrey
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Ajax
Asked by
Bernardo
Top achievements
Rank 1
Answers by
Andrey
Telerik team
Bernardo
Top achievements
Rank 1
Share this question
or