visualnet

16
Crear un formulario Web Form con Microsoft ASP.NET

Upload: jaime-acurio

Post on 10-Mar-2016

216 views

Category:

Documents


0 download

DESCRIPTION

Formularios en visual net

TRANSCRIPT

Page 1: Visualnet

Crear un formulario Web Form con Microsoft

ASP.NET

Page 2: Visualnet

Descripción

Crear formularios Web Forms Uso de controles de servidor

Page 3: Visualnet

Lección: Crear formularios Web Forms

¿Qué es un formulario Web Form? Crear un formulario Web Form con Visual Studio .NET Demostración: convertir una página HTML en un

formulario Web Form

Page 4: Visualnet

¿Qué es un formulario Web?

<%@ Page Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%>

<html><body ms_positioning="GridLayout"> <form id="Form1" method="post" runat="server"> </form></body>

</html>

Extensión .aspx Atributos de página

Directiva @ Page Atributos de cuerpo Atributos de formulario

Page 5: Visualnet

Crear un formulario Web con Visual Studio .NET

Las nuevas aplicaciones Web ASP.NET crean un formulario Web predeterminado: WebForm1.aspx

Crear formularios Web Forms adicionales desde el Explorador de soluciones

Actualizar páginas HTML existentes en formularios Web Forms

Page 6: Visualnet

Demostración: convertir una página HTML en un formulario Web

Cambiar la extensión .htm por la extensión .aspx

Page 7: Visualnet

Lección: uso de los controles de servidor

¿Qué es un control de servidor? Tipos de controles de servidor Guardar View State Demostración: convertir controles HTML en controles de

servidor Controles de servidor HTML Controles de servidor Web Práctica: identificar el código HTML generado por los

controles de servidor Web Seleccionar el control adecuado Demostración: agregar controles de servidor a un

formulario Web

Page 8: Visualnet

¿Qué es un control de servidor?

Runat="server" Los eventos ocurren en el servidor

View state saved

Have built-in functionality Common object model

Todos tiene atributos Id y Text Crear browser-specific HTML

<asp:Button id="Button1" runat="server" Text="Submit"/>

Page 9: Visualnet

Tipos de controles de servidor

Controles de servidor HTML Controles de servidor Web

Controles intrínsecos

Controles de validación

Controles ricos

Controles List-bound

Controles Web de Internet Explorer

Page 10: Visualnet

Guardar el estado de vista

Control oculto ViewState de pares de nombre y valor almacenados en el formulario Web Form

De forma predeterminada, ajustable a nivel de formulario Web Form y control<%@ Page EnableViewState="False" %>

<asp:ListBox id="ListName" EnableViewState="true" runat="server">

</asp:ListBox>

<input type="hidden" name="__VIEWSTATE" value="dDwtMTA4MzE0MjEwNTs7Pg==" />

Page 11: Visualnet

Demostración: Convertir controles HTML en controles de servidor

Actualizar controles HTML a controles de servidor HTML

Agregar un control de servidor Web Utilizar SmartNavigation

Page 12: Visualnet

Controles de servidor HTML

Basados en elementos HTML Existen en el espacio de nombres

System.Web.UI.HtmlControls

<input type="text" id="txtName" runat="server" />

Page 13: Visualnet

Controles de servidor Web

Existen en el espacio de nombres System.Web.UI.WebControls

Sintaxis del control

HTML generado por el control

<asp:TextBox id="TextBox1"runat="server">Text_to_Display</asp:TextBox>

<input name="TextBox1" type="text" value="Text_to_Display"Id="TextBox1"/>

Page 14: Visualnet

Práctica: Identificar el código HTML generado por los controles de servidor Web

Los estudiantes: Agregarán controles de servidor Web a un

formulario Web e identificarán el código HTML que se envía al cliente

Tiempo: 5 minutos

Page 15: Visualnet

Se necesitan funcionalidades específicas como un calendario o rotación de publicidad

El control interactuará con scripts cliente y servidor

Se está escribiendo una página que puede ser utilizada por varios navegadores

Se está trabajando con páginas HTML existentes y se desea agregar funcionalidades de página ASP.NET Web

Se prefiere un modelo de programación Visual Basic

Se prefiere un modelo de objetos como HTML

Utilizar controles de Utilizar controles de servidor Web si:servidor Web si:

Utilizar controles de servidor Utilizar controles de servidor HTML si:HTML si:

El ancho de banda no es un problemaEl ancho de banda es limitado

Seleccionar el control adecuado

Page 16: Visualnet

Demostración: Agregar controles de servidor a un formulario Web

Crear un formulario Web Agregar controles TextBox, Button y

Label Agregar un control Calendar