La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

Agregar código a un formulario Web Form con Microsoft ASP.NET

Presentaciones similares


Presentación del tema: "Agregar código a un formulario Web Form con Microsoft ASP.NET"— Transcripción de la presentación:

1 Agregar código a un formulario Web Form con Microsoft ASP.NET

2 Descripción Uso de las páginas de código subyacente
Agregar procedimientos de evento a controles de servidor Web Uso de eventos de página

3 Lección: uso de las páginas de código subyacente
Cómo implementar código Escribir código en línea ¿Qué son las páginas de código subyacente? Entender cómo funcionan las páginas de código subyacente

4 Cómo implementar código
Tres métodos para agregar código: Ubicar el código en el mismo archivo que el contenido (mezclado) Ubicar el código en una sección distinta del archivo de contenido (código en línea ) Ubicar el código en un archivo distinto (páginas de código subyacente) Las páginas de código subyacente son el método predeterminado de Visual Studio .NET

5 Escribir código en línea
Código y contenido en el mismo archivo Distintas secciones en el archivo para el código y HTML <HTML> <asp:Button id="btn" runat="server"/> </HTML> <SCRIPT Language="vb" runat="server"> Sub btn_Click(s As Object, e As EventArgs) Handles btn.Click ... End Sub </SCRIPT> <HTML> <asp:Button id="btn" runat="server"/> </HTML> <SCRIPT Language="c#" runat="server"> private void btn_Click(object sender, System.EventArgs e) { . . . } </SCRIPT>

6 ¿Qué son las páginas de código subyacente?
Separación de código y contenido Los desarrolladores y los diseñadores de la interfaz de usuario pueden trabajar independientemente Un archivo Archivos distintos código <tags> código <tags> Form1.aspx.vb o Form1.aspx.cs Form1.aspx Form1.aspx

7 Cómo funcionan las páginas de código subyacente
Crean archivos distintos para la interfaz de usuario y la lógica de la interfaz Utilizan la Page para enlazar los dos archivos Pre-compilación o compilación JIT Page1.aspx Page Language="c#" Inherits="Project.WebForm1" Codebehind="Page1.aspx.cs" Src = "Page1.aspx.cs" %> Page1.aspx.cs public class WebForm1 { private void cmd1_Click() { … }

8 Lección: agregar procedimientos de evento a controles de servidor Web
¿Qué son los procedimientos de evento? Demostración: uso de eventos Procedimientos de evento en el lado del cliente Procedimientos de evento en el lado del servidor Multimedia: eventos en el lado del cliente y en el lado del servidor Crear procedimientos de evento Práctica dirigida por el profesor: crear un procedimiento de evento Interactuar con controles en procedimientos de evento

9 ¿Qué son los procedimientos de evento?
Acciones en respuesta a la interacción de un usuario con los controles de la página

10 Demostración: uso de eventos
Abrir una página ASP.NET con controles y procedimientos de evento en el lado del cliente y en el lado del servidor Hacer clic en los controles para visualizar la ejecución de los eventos en el lado del cliente y en el lado del servidor En el explorador, visualizar el código fuente de la página En el editor, visualizar el código del procedimiento de evento

11 Procedimientos de evento en el lado del cliente
Normalmente, se utilizan únicamente con controles HTML Interpretado por el navegador y se ejecuta en el cliente No tiene acceso a los recursos del servidor Utiliza <SCRIPT language="lenguaje"> Páginas .HTM Internet

12 Procedimientos de evento en el lado del servidor
Utilizados tanto con controles de servidor Web como HTML El código se compila y ejecuta en el servidor Tienen acceso a recursos del servidor Utilizan <SCRIPT language="vb" runat="server"> o <SCRIPT language=“cs" runat="server"> .Páginas .ASPX Internet

13 Multimedia: eventos en el lado del cliente y en el lado del servidor

14 Crear procedimientos de evento
Visual Studio .NET declara variables y crea una plantilla de procedimiento de evento El uso de la palabra clave Handles agrega a un evento varios procedimientos de evento Protected WithEvents cmd1 As System.Web.UI.WebControls.Button Private Sub cmd1_Click(ByVal s As System.Object, _ ByVal e As System.EventArgs) Handles cmd1.Click protected System.Web.UI.WebControls.Button cmd1; private void InitializeComponent() { this.cmd1.Click += new System.EventHandler(this.cmd1_Click); this.Load += new System.EventHandler(this.Page_Load); } private void cmd1_Click(object s, System.EventArgs e)

15 Práctica dirigida por el profesor: crear un procedimiento de evento
Crear un formulario Web Form utilizando Visual Studio .NET Agregar controles al formulario Web Form Hacer doble clic en uno o más controles para agregar procedimientos de evento Generar y examinar

16 Interactuar con controles en procedimientos de evento
Leer las propiedades de los controles de servidor Web Respuestas de salida a otros controles de servidor Web strGreeting = "Hello " & txtName.Text strGreeting = "Hello " + txtName.Text; lblGreeting.Text = "new text" lblGreeting.Text = "new text";

17 Lección: uso de los eventos de página
Ciclo de vida de un evento de página Multimedia: el proceso PostBack Demostración: gestionar eventos Práctica: ordenar los eventos Gestión de los eventos Page.IsPostback Vínculo de dos controles Demostración: vincular controles

18 Ciclo de vida de los eventos de página
Page_Init Page_Load Eventos control Eventos de cambio Textbox1_Changed Eventos de acción Button1_Click Page_Unload La página se gestiona

19 Multimedia: el proceso de postback

20 Demostración: gestionar eventos

21 Práctica: ordenar los eventos
Los estudiantes: En determinados escenarios, enumerarán los eventos que ocurrirán y el orden en que se producirán Tiempo: 5 minutos

22 Gestión de los eventos Page.IsPostback
Page_Load se invoca en cada solicitud Utilizar Page.IsPostBack para ejecutar lógica condicional Page.IsPostBack evita la recarga en cada postback private void Page_Load(object sender, System.EventArgs e) { if (!Page.IsPostBack) { // executes only on initial page load } //this code executes on every request Private Sub Page_Load(ByVal s As System.Object, _ ByVal e As System.EventArgs) Handles MyBase.Load If Not Page.IsPostBack Then 'executes only on initial page load End If 'this code executes on every request End Sub

23 Vínculo de dos controles
Vincular un control con otro resulta útil para obtener valores de cuadros de lista o listas desplegables Enlace de datos <asp:DropDownList id="lstOccupation" autoPostBack="True" runat="server" > You selected: <asp:Label id="lblSelectedValue" Text="<%# lstOccupation.SelectedItem.Text %>" runat="server" /> private void Page_Load(object sender, System.EventArgs e) { lblSelectedValue.DataBind(); } Sub Page_Load(s As Object, e As EventArgs) Handles MyBase.Load lblSelectedValue.DataBind() End Sub

24 Demostración: vincular controles
Vincular un control Label a un control ListBox


Descargar ppt "Agregar código a un formulario Web Form con Microsoft ASP.NET"

Presentaciones similares


Anuncios Google