Lanzar ModalPopupExtender con JavaScript.

El siguiente código fuente define la creación de una ventana modal usando el componente ModalPopupExtender de AjaxControl Toolkit y una función JavaScript para desplegarla en pantalla.

ASPX

<script src="../Scripts/jquery-2.1.4.js"></script>
<asp:HiddenField ID="hfOcultoModalCargando" runat="server" />
        <asp:Panel ID="pnlModalCargando" runat="server" Width="300" CssClass="modalPopupAjax" Style="display: none">
            <div class="header"></div>
            <div class="body">
                <div class="row">
                    <div class="col-md-12">
                        <div style="text-align: center; font-weight: bold;">
                            Procesando transacción.
                            <br />
                            <br />
                            Espere por favor...
                        </div>
                    </div>
                </div>
            </div>
        </asp:Panel>
        <asp:ModalPopupExtender ID="mpeModalCargando" runat="server" TargetControlID="hfOcultoModalCargando" PopupControlID="pnlModalCargando" BackgroundCssClass="modalBackgroundAjax" DropShadow="false" BehaviorID="bMpeModalCargando" />

JavaScript

function LanzaModal()
{
   $find('bMpeModalProcesamiento').show();
}

 

Agregar comentario

Loading