How to display a loadingPanel in RadWindow

4 posts, 0 answers
  1. Bernardo
    Bernardo avatar
    1 posts
    Member since:
    May 2013

    Posted 20 May 2013 Link to this post

    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
  2. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 23 May 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Bernardo
    Bernardo avatar
    1 posts
    Member since:
    Nov 2011

    Posted 30 May 2013 Link to this post

    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.
  5. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 03 Jun 2013 Link to this post

    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.
Back to Top