Ventanas emergentes en Telerik - ASP.NET sobre C# en Visual Studio

WebProgramacion > Recursos sobre informática y tecnología > Programacion > C# > Ventanas emergentes en Telerik - ASP.NET sobre C# en Visual Studio
C#
Autor: Dámaso Velázquez Álvarez

¿Quieres aprender más en mi canal de YouTube?

Suscríbete y no te pierdas ningún vídeo.

En el siguiente vídeo vamos a ver cómo trabajar con ventanas emergentes con Telerik, usando Visual Studio 2019 y programando sobre C#.

A continuación podréis visualizar la explicación y en esta misma página dejo todos los códigos necesarios para que podáis probar en vuestros propios proyectos.

Vídeotutorial donde vemos cómo trabajar con ventanas emergentes en Telerik

Código del fichero .aspx (ASP.NET con Telerik)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ventana.aspx.cs" Inherits="WebFormacion.ventana" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
            <asp:Button ID="cmdPruebas" runat="server" Text="Pruebas abrir ventana" OnClick="cmdPruebas_Click" />
            <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="false" Skin="Bootstrap" Height="300px" Modal="True" Width="500px">
                <ContentTemplate>
                    <asp:Label ID="lblContenido" runat="server" Text="Introduce tu nombre" 
                        AssociatedControlID="txtContenido"></asp:Label>
                    <asp:Label ID="lblValidacion" runat="server" ForeColor="Red"></asp:Label>
                    <asp:TextBox ID="txtContenido" runat="server"></asp:TextBox>
                    <asp:Button ID="cmdPruebas2" runat="server" Text="Pruebas" OnClick="cmdPruebas2_Click" />
                </ContentTemplate>
            </telerik:RadWindow>
        </div>
    </form>
</body>
</html>

Código del fichero .aspx.cs (C# con Telerik)

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

namespace WebFormacion
{
    public partial class ventana : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void cmdPruebas_Click(object sender, EventArgs e)
        {
            txtContenido.Text = "Hola mundo";
            this.MostrarVentana(RadWindow1);
        }

        private void MostrarVentana(RadWindow ventana)
        {
            string script = "function f(){$find(\"" + ventana.ClientID 
                + "\").show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";
            ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", script, true);
        }

        protected void cmdPruebas2_Click(object sender, EventArgs e)
        {
            if (txtContenido.Text==String.Empty)
            {
                lblValidacion.Text = "Debes introducir tu nombre";
                lblValidacion.ForeColor = Color.Red;
                this.MostrarVentana(RadWindow1);
            }
            else
            {
                //Aquí ya hemos puesto el código de mandar el email

                lblValidacion.Text = "Email enviado con éxito";
                lblValidacion.ForeColor = Color.Green;
                txtContenido.Text = String.Empty;
                this.MostrarVentana(RadWindow1);
            }
            //txtContenido.Text = DateTime.Now.ToString();
            //Llamamos de nuevo a MostrarVentana para que se quede en primer plano
            //this.MostrarVentana(RadWindow1);
        }
    }
}

Podría interesarte...

Instalar Telerik en Visual Studio 2019
Tutorial donde explico cómo instalar Telerik en Visual Studio 2019

Deja tu opinión

la política de privacidad que declaro haber leído.

(*) Campos necesarios. El correo electrónico no será público.