Sie sind auf Seite 1von 11

Creacin de controles de

usuario
Descripcin

Agregar controles de usuario a un formulario Web


Form ASP.NET
Crear controles de usuario
Leccin: Agregar controles de usuario a un
formulario Web Form ASP.NET

Qu es un control de usuario?
Por qu utilizar controles de usuario?
Prctica: hacer una lista de controles de usuario
Agregar un control de usuario
Demostracin: Crear un control de usuario
Qu es un control de usuario?

Los controles de usuario simplifican la reutilizacin de


cdigo y componentes de la IU en una aplicacin Web
Un control de usuario es un control de servidor Web
definido por el usuario con una extensin .ascx
Contiene HTML, pero no las etiquetas <HTML>,
<BODY>, o <FORM>
<%@ Control Language="vb" %>


<%@ Control Language="c#" %>

Contiene cdigo para gestionar sus propios eventos


Por qu utilizar controles de usuario?

Reutilizar interfaz de usuario y cdigo


Control1.ascx Aplicacin A Aplicacin B

Page3.aspx
Page1.aspx

Page2.aspx
Prctica: hacer una lista de controles de usuario

Los estudiantes:
Crearn una lista de ejemplos sobre
cundo 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 pgina ASP.NET
<%@ Register TagPrefix="demo"
TagName="validNum" Src="numberbox.ascx" %>

Insertar el control de usuario en un formulario Web Form


<demo:validNum id="num1" runat="server"/>
Utilizar las propiedades Get y Set del control de usuario
num1.pNum = 5 'uses Set
x = num1.pNum 'uses Get
o
num1.pNum = 5; //uses Set
x = num1.pNum; //uses Get
Demostracin: crear un control de usuario

Crear un nuevo control de usuario


Crear una propiedad
Leccin: crear controles de usuario

Crear un control de usuario


Demostracin: utilizar un control de usuario
Crear un control de usuario

Dos mtodos para la creacin de controles de usuario:


Crear un nuevo control de usuario utilizando Visual Studio .NET
Convertir una pgina ASP.NET existente en un control de usuario
La pagina host interacta con el control utilizando propiedades
La pgina host debera utilizar el flujo de presentacin

Public Property pNum() As Integer public int pNum


Get {
Return Convert.ToInt32(txtNum.Text) get
End Get {
Set (ByVal value As Integer) return
txtNum.Text = CStr(value) Convert.ToInt32(txtNum.Text);
End Set }
End Property set
{
txtNum.Text =
Convert.ToString(value);
}
}
Demostracin: utilizar un control de usuario

Insertar un control de usuario en una


pgina
Utilizar los controles de usuario en la
pgina de cdigo subyacente

Das könnte Ihnen auch gefallen