7. creacion de controles de usuario
DESCRIPTION
TRANSCRIPT
![Page 1: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/1.jpg)
Creación de controles de usuario
![Page 2: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/2.jpg)
Descripción
Agregar controles de usuario a un formulario Web Form ASP.NET
Crear controles de usuario
![Page 3: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/3.jpg)
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
![Page 4: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/4.jpg)
¿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#" %>
![Page 5: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/5.jpg)
¿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
![Page 6: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/6.jpg)
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
![Page 7: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/7.jpg)
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
![Page 8: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/8.jpg)
Demostración: crear un control de usuario
Crear un nuevo control de usuario
Crear una propiedad
![Page 9: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/9.jpg)
Lección: crear controles de usuario
Crear un control de usuario
Demostración: utilizar un control de usuario
![Page 10: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/10.jpg)
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); }}
![Page 11: 7. Creacion De Controles De Usuario](https://reader036.vdocuments.co/reader036/viewer/2022082804/5479c091b4795977098b484c/html5/thumbnails/11.jpg)
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