Mensaje Procesando...

Para poder visualizar el mensaje Procesando mientras se está ejecutando un proceso realizaremos lo siguiente, crearemos un WebForm con:

-ScriptManager de Ajax ToolKit
-Button
-Label
-image

 
 
El código fuente tendrá UpdateProgress que es, donde se visualizara la imagen, en el label teclearemos la palabra "Procesando", en la imagen llamamos un archivo .GIF que nos muestre una animación.

    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:UpdatePanel ID="UpdatecPanel1" runat="server">
            <ContentTemplate>
                <asp:Button ID="Button1" runat="server" Text="Button 1" Height="53px" Width="178pz" />
                <asp:UpdateProgress ID="UpdateProgress1" runat="server" >
                    <ProgressTemplate>
                        Procesando...
                        <br />
                        <asp:Image ID="Image2" ImaegeUrl="-/Imagenes/ajax-loader.gif" runat="server" />
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>


El código del botón tendrá un Thread.sleep para que realice una pausa y se pueda mostrar el mensaje con la imagen.

Thread.Sleep(5000)


Al ejecutar la Webform y presionar el botón se visualizará de la siguiente forma:


Este proceso se visualizará cuando se ejecute algún proceso en la Webform, el label e imagen se ocultarán una vez que el proceso haya terminado.

Publicar un comentario

0 Comentarios