Cómo: Asociar eventos de cliente con controles de servidor en ASP.NET mediante Visual Basic .NET

En este artículo paso a paso muestra cómo asociar mediante programación los eventos del cliente con controles de formularios Web Forms de lado del servidor de ASP.NET.

Requisitos

En la lista siguiente se describe el hardware, el software, la infraestructura de red y los Service Packs recomendados que necesitará:

• Microsoft Windows XP Professional, Microsoft Windows 2000 Professional, Windows 2000 Server o Windows 2000 Advanced Server
• Microsoft Visual Studio .NET
• Microsoft .NET framework
• Servicios de Microsoft Internet Information Server (IIS)

Crear una aplicación Web ASP.NET mediante Visual Basic .NET

Estos pasos muestran cómo crear una nueva aplicación Web ASP.NET que se denomina ClientEventDemo:

1. Inicie Microsoft Visual Studio NET..
2. En el menú archivo , seleccione nuevo y, a continuación, haga clic en proyecto .
3. En el cuadro de diálogo Nuevo proyecto , haga clic en Proyectos de Visual Basic bajo Tipos de proyecto y, a continuación, haga clic en Aplicación Web ASP.NET bajo plantillas .
4. En el cuadro ubicación , escriba ClientEventDemo para reemplazar el nombre WebApplication# predeterminado en la ruta de acceso de la dirección URL. Si utiliza el servidor local, puede dejar el nombre del servidor como "http://localhost". El resultado es una entrada "http://localhost/ClientEventDemo".

Descripción de la propiedad WebControl.Attributes

La propiedad WebControl.Attributes se implementa como una clase System.Web.UI.AttributeCollection de pares de nombre y valor. La colección de atributos contiene una colección de todos los atributos que se declaran en la etiqueta de apertura de un control de servidor Web. Puede utilizar para controlar mediante programación los atributos que están asociados con un control de servidor Web. Puede agregar atributos a la colección o quitar atributos de la colección. En el ejemplo que se describe en este artículo, debe agregar un atributo que se va asociado a un control TextBox de formularios Web Forms. Específicamente, es el par de nombre y valor de una entrada denominada "onblur". El código de "alerta" JavaScript sirve como el valor.

Atributos que se almacenan en esta colección para un control de servidor Web no corresponden a las propiedades con establecimiento inflexible de tipos que se encuentran en el control de servidor Web especificado. Para demostrar mejor este concepto, se agrega otro atributo para el control TextBox de formularios Web Forms en el código de ejemplo para establecer el color de fondo. Observe que el código de ejemplo no utiliza la propiedad BackColor del control TextBox de formularios Web Forms. En su lugar, el código de ejemplo utiliza el atributo de estilo HTML para establecer el color de fondo. La propiedad Attributes se procesa con todos los atributos de la colección en la etiqueta de apertura del control, independientemente la configuración del explorador. No todos los exploradores admiten todos los atributos que se procesan.

Ejemplo que utiliza la propiedad Attributes

En este ejemplo muestra cómo utilizar la propiedad Attributes para especificar un evento de cliente para un control TextBox de formularios Web Forms:

1. Siga estos pasos para agregar un nuevo Web Form denominado ClientEventSample.aspx al proyecto:
   1. En el Explorador de soluciones, haga clic con el botón secundario en el nodo de proyecto , haga clic en Agregar y, a continuación, haga clic en Agregar Web Forms .
   2. En el cuadro nombre , escriba ClientEventSample.aspx y a continuación, haga clic en Abrir .
2. En la ficha Diseño , arrastre un control TextBox de formularios Web Forms a la página y cambie el valor de la propiedad ID en MyTextBox , en la ventana Propiedades.
3. Haga clic con el botón secundario en la página y, a continuación, haga clic en Ver código . Esto abrirá el archivo de clase de código subyacente en el editor.
4. Agregue el código siguiente al evento Page_Load en el código - detrás del archivo de clase:

   Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
           MyTextBox.Attributes("onblur") = "javascript:alert('Focus lost from Web Forms MyTextBox control!!');"
           MyTextBox.Attributes("style") = "BACKGROUND-COLOR: #ccffff;"
   End Sub
   					

5. En el menú archivo , haga clic en Guardar todo para guardar el formulario Web y otros archivos de proyecto asociado.
6. En el menú Generar en el entorno de desarrollo integrado Visual Studio. NET, haga clic en Generar solución .

Comprobar que funciona

1. En el Explorador de soluciones, haga clic con el botón secundario en el archivo ClientEventSample.aspx y, a continuación, haga clic en Ver en el explorador .
2. Con la página abierta en el explorador, haga clic en el control MyTextBox para activarla y, a continuación, presione la tecla TAB. Verá un cuadro de mensaje de JavaScript que muestra una confirmación que se ha desencadenado el evento onblur porque los formularios Web Forms controlar pierde foco. Además, observe que el color de fondo para el control MyTextBox se establece en azul.

Solución de problemas

La propiedad Attributes se procesa con todos los atributos de la colección en la etiqueta de apertura del control, independientemente la configuración del explorador. No todos los exploradores admiten todos los atributos que se procesan.

Para obtener información adicional sobre la propiedad Attribute y la clase AttributeCollection , visite los siguientes sitios Web de Microsoft: Para obtener información adicional sobre cómo buscar información de ASP.NET, haga clic en el número de artículo siguiente para verlo en Microsoft Knowledge Base: Para ejemplos adicionales, documentación y vínculos útiles sobre programación con ASP.NET, visite el sitio Web CodePlex de Microsoft: