Tutorial: Controles extensores de AJAX en ASP.NET

Actualización: noviembre 2007

Los controles extensores de AJAX en ASP.NET mejoran la funcionalidad de cliente de los controles de servidor web de ASP.NET, por ejemplo los controles TextBox, Button y Panel. Mediante los extensores, puede ofrecer a los usuarios una mejor experiencia basada en web. En este tutorial utilizará un control extensor para mejorar la funcionalidad de un control de servidor web Button de ASP.NET.

Puede agregar controles extensores de AJAX en ASP.NET a Visual Studio y trabajar con ellos como lo haría con otros controles. Puede crear sus propios controles extensores u obtenerlos de otros orígenes.

Un origen de los controles extensores es ASP.NET AJAX Control Toolkit. Control Toolkit ofrece ejemplos y un SDK para facilitar la creación y reutilización de controles y extensores personalizados. Puede descargar ASP.NET AJAX Control Toolkit del sitio web ASP.NET AJAX Control Toolkit.

Nota importante:

ASP.NET AJAX Control Toolkit es una biblioteca admitida por la comunidad y no admitida por Microsoft. En este tema se describen los controles extensores incluidos en Control Toolkit como ejemplos de cómo trabajar con controles extensores. Sin embargo, no debe deducirse de la información de este tema que los controles extensores aquí explicados forman parte oficial de ASP.NET ni que son controles admitidos.

Para obtener más información sobre los controles extensores de Visual Studio 2008, vea Información general sobre los controles extensores de AJAX en ASP.NET. Para obtener información adicional sobre ASP.NET AJAX Toolkit, vea el sitio web ASP.NET AJAX Control Toolkit.

Requisitos previos

Para poder completar los procedimientos de este tutorial, necesitará lo siguiente:

• Visual Studio 2008 o Microsoft Visual Web Developer Express

• ASP.NET AJAX Control Toolkit. Puede descargar Control Toolkit del sitio web ASP.NET AJAX Control Toolkit.

Crear un sitio Web

Para comenzar, creará un sitio web ASP.NET que está habilitado para la funcionalidad de AJAX.

Para crear un sitio web del sistema de archivos

1. Abra Visual Studio 2008 o Microsoft Visual Web Developer Express.

2. En el menú Archivo, haga clic en Nuevo sitio Web.

3. En el cuadro de diálogo Nuevo sitio Web en Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.

4. En el cuadro Ubicación, active la casilla Sistema de archivos y, a continuación, escriba el nombre de la carpeta en la que desea conservar las páginas del sitio web.

   Por ejemplo, escriba el nombre de carpeta C:\WebSite1.

5. En la lista Lenguaje, haga clic en Visual Basic o Visual C# y, a continuación, haga clic en Aceptar.

   Visual Studio crea la carpeta y abre una nueva página web denominada Default.aspx en la vista Código fuente.

Agregar un control extensor de AJAX

ASP.NET AJAX Control Toolkit incluye varios controles extensores que se pueden utilizar para mejorar la funcionalidad de cliente de los controles de servidor web.

Nota:
Antes de agregar un control extensor a un control de servidor en el procedimiento siguiente, debe instalar ASP.NET AJAX Toolkit. Puede descargar Control Toolkit del sitio web ASP.NET AJAX Control Toolkit.

Para agregar un control extensor de AJAX

1. Cambie a la vista Diseño.

2. Si la página no contiene ya un control ScriptManager, desde la ficha Extensiones AJAX del Cuadro de herramientas arrastre una a la página.

   Nota:
   Hace falta un control ScriptManager para admitir la funcionalidad de AJAX.

3. Desde la ficha Estándar del Cuadro de herramientas, arrastre un control Button a la página.

4. Si el menú de acceso directo Tareas de botón no aparece, haga clic con el botón secundario en el control Button y, a continuación, haga clic en Mostrar etiqueta inteligente.

5. En el menú Tareas de botón, haga clic en Agregar extensor.

6. En el Asistente para extensor, en la lista Elija la funcionalidad que se va a agregar a Button1, haga clic en ConfirmButtonExtendery, a continuación, haga clic en Aceptar.

   Nota:
   También puede agregar un control extensor arrastrándolo desde el Cuadro de herramientas en el control Button.

7. En la ventana Propiedades, expanda la ficha Extensores y, a continuación, expanda Button1_ConfirmButtonExtender.

8. Establezca la propiedad ConfirmText en ¿Desea continuar?

Probar el control extensor

Ahora puede ejecutar la página para probar el control extensor.

Para probar el control extensor

1. Presione CTRL+F5 para ejecutar la página en el explorador.

2. Haga clic en el botón que agregó a la página.

   Se muestra un cuadro de mensaje de confirmación, que es el comportamiento agregado por el control extensor.

3. Cierre el explorador.

Quitar un control extensor de AJAX

Si ya no necesita la funcionalidad del control extensor, puede quitarlo.

Para quitar un control extensor de AJAX

1. Cambie a la vista Diseño.

2. Seleccione el control Button y, a continuación, en el menú Tareas de botón, haga clic en Quitar extensor.

3. En la lista Extensores asociados a Button1, seleccione ConfirmButtonExtender.

4. Haga clic en Quitar y, a continuación, en Aceptar.

Vea también

Conceptos

Información general sobre los controles extensores de AJAX en ASP.NET