asp.net

Programación avanzada en .NET con C#
Servicio de Informática

CONTROLES DE USUARIO

CONTROLES DE USUARIO
Introducción
Además de utilizar controles de servidor Web en las páginas Web ASP.NET, puede crear sus
propios controles personalizados reutilizables con las mismas técnicas que para crear páginas
Web ASP.NET. Estos controles se denominan controles de usuario.
Un control de usuario esun tipo de control compuesto que funciona de forma similar a la de
una página Web ASP.NET: se pueden agregar controles de servidor Web y marcado a un control
de usuario, así como definir propiedades y métodos para el control. A continuación, puede
incrustarlos en páginas Web ASP.NET, donde actúan como una unidad.

Controles de Usuario vs Controles personalizados
En ocasiones, es posible quenecesite cierta funcionalidad en un control que no está incluida en
los controles de servidor Web ASP.NET integrados. En estos casos, puede crear sus propios
controles. Dispone de dos opciones. Puede crear:
•

Controles de usuario. Los controles de usuario son contenedores en los que puede
colocar controles de formato y de servidor Web. A continuación puede tratar el control
de usuariocomo una unidad y definir propiedades y métodos para el mismo.

•

Controles personalizados. Un control personalizado es una clase escrita por un
desarrollador que se deriva de Control o WebControl.

Los controles de usuario son mucho más fáciles de crear que los controles personalizados, ya
que es posible reutilizar los ya existentes. Esto permite crear con facilidad controles con
elementosde interfaz de usuario complejos.

Estructura de los controles de usuario
Un control de usuario Web ASP.NET es similar a una página Web ASP.NET completa (archivo
.aspx) e incluye una página de interfaz de usuario y código. El proceso de creación del control
de usuario es muy similar al proceso de creación de una página ASP.NET, sólo que al final se
agregan el formato y los controlessecundarios necesarios. Al igual que una página, un control

1

Programación avanzada en .NET con C#
Servicio de Informática

CONTROLES DE USUARIO

de usuario puede incluir el código necesario para manipular su contenido e incluso realizar
tareas como el enlace de datos.
Un control de usuario se diferencia de una página Web ASP.NET en los siguientes aspectos:
•

La extensión de nombre dearchivo para el control de usuario es .ascx.

•

En lugar de una directiva @ Page, el control de usuario contiene una directiva @
Control que define la configuración y otras propiedades.

•

Los controles de usuario no se pueden ejecutar como archivos independientes. En su
lugar, debe agregarlos a las páginas ASP.NET, como haría con cualquier otro control.

•

El control de usuario nocontiene elementos html, body o form. Estos elementos deben
estar en la página de alojamiento.

En un control de usuario puede utilizar los mismos elementos HTML (excepto html, body y
form) y controles Web que en una página Web ASP.NET. Por ejemplo, si está creando un control
de usuario para utilizar una barra de herramientas, puede colocar una serie de controles de
servidor Web Button enel control y crear controladores de eventos para los botones.

En el ejemplo siguiente se muestra un control de usuario que implementa un control de
número en el que los usuarios pueden hacer clic en los botones arriba y abajo para mostrar
varias opciones de un cuadro de texto.


protected int currentColorIndex;
protected String[] colors = {"Red", "Blue", "Green", "Yellow"};
protected voidPage_Load(object sender, EventArgs e)
{
if (IsPostBack)
{
currentColorIndex =
Int16.Parse(ViewState["currentColorIndex"].ToString());
}
else
{
currentColorIndex = 0;
DisplayColor();
}
}
protected void DisplayColor()
{
textColor.Text = colors[currentColorIndex];
ViewState["currentColorIndex"] = currentColorIndex.ToString();
}
protected void buttonUp_Click(object sender,...