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 >
<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, Page);
}
public static void MostrarVentana(RadWindow ventana, Page pagina)
{
string script = "function f(){$find(\"" + ventana.ClientID
+ "\").show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";
ScriptManager.RegisterStartupScript(pagina, pagina.GetType(), "key", script, true);
}
