7. Creacion De Controles De Usuario
11
Creación de controles de usuario
-
Upload
guest3cf6ff -
Category
Technology
-
view
7.573 -
download
0
description
Transcript of 7. Creacion De Controles De Usuario
Creación de controles de usuario
Descripción
Agregar controles de usuario a un formulario Web Form ASP.NET
Crear controles de usuario
Lección: Agregar controles de usuario a un formulario Web Form ASP.NET
¿Qué es un control de usuario?
¿Por qué utilizar controles de usuario?
Práctica: hacer una lista de controles de usuario
Agregar un control de usuario
Demostración: Crear un control de usuario
¿Qué es un control de usuario?
Los controles de usuario simplifican la reutilización de código y componentes de la IU en una aplicación Web
Un control de usuario es un control de servidor Web definido por el usuario con una extensión .ascx
Contiene HTML, pero no las etiquetas <HTML>, <BODY>, o <FORM>
ó
Contiene código para gestionar sus propios eventos
<%@ Control Language="vb" %><%@ Control Language="vb" %>
<%@ Control Language="c#" %><%@ Control Language="c#" %>
¿Por qué utilizar controles de usuario?
Reutilizar interfaz de usuario y código
Page2.aspx
Control1.ascx
Page1.aspx
Page3.aspx
Aplicación A Aplicación B
Práctica: hacer una lista de controles de usuario
Los estudiantes:
Crearán una lista de ejemplos sobre cuándo resulta apropiado el uso de controles de usuario
Tiempo: 5 minutos
Agregar un control de usuario
Utilizar la directiva @ Register para incluir un control de usuario en una página ASP.NET
Insertar el control de usuario en un formulario Web Form
Utilizar las propiedades Get y Set del control de usuario
o
<%@ Register TagPrefix="demo" TagName="validNum" Src="numberbox.ascx" %><%@ Register TagPrefix="demo" TagName="validNum" Src="numberbox.ascx" %>
<demo:validNum id="num1" runat="server"/> <demo:validNum id="num1" runat="server"/>
num1.pNum = 5 'uses Setx = num1.pNum 'uses Getnum1.pNum = 5 'uses Setx = num1.pNum 'uses Get
num1.pNum = 5; //uses Setx = num1.pNum; //uses Getnum1.pNum = 5; //uses Setx = num1.pNum; //uses Get
Demostración: crear un control de usuario
Crear un nuevo control de usuario
Crear una propiedad
Lección: crear controles de usuario
Crear un control de usuario
Demostración: utilizar un control de usuario
Crear un control de usuario
Dos métodos para la creación de controles de usuario:
Crear un nuevo control de usuario utilizando Visual Studio .NET
Convertir una página ASP.NET existente en un control de usuario
La pagina host interactúa con el control utilizando propiedades
La página host debería utilizar el flujo de presentación
Public Property pNum() As Integer Get
Return Convert.ToInt32(txtNum.Text) End Get Set (ByVal value As Integer) txtNum.Text = CStr(value) End SetEnd Property
Public Property pNum() As Integer Get
Return Convert.ToInt32(txtNum.Text) End Get Set (ByVal value As Integer) txtNum.Text = CStr(value) End SetEnd Property
public int pNum{ get { return Convert.ToInt32(txtNum.Text); } set { txtNum.Text = Convert.ToString(value); }}
public int pNum{ get { return Convert.ToInt32(txtNum.Text); } set { txtNum.Text = Convert.ToString(value); }}
Demostración: utilizar un control de usuario
Insertar un control de usuario en una página
Utilizar los controles de usuario en la página de código subyacente
