Descripción general de los controles del servidor ASP.NET
Antes de saltar a los controles del servidor ASP.Net, revisemos qué son los controles. Los controles son pequeños bloques de código que se pueden usar en una página web para realizar la tarea a la que están destinados. Por ejemplo, si desea que el usuario ingrese una contraseña, use un Control de contraseña. Viene preempacado con sus propios estilos y validaciones.
De manera similar, los controles de servidor ASP.Net son controles que se ejecutan en el servidor. Son simplemente etiquetas de tipo HTML que son entendidas por el servidor. Tan pronto como el servidor se encuentre con dicha etiqueta, sabe qué mostrar, cómo mostrar y qué actividades y eventos desencadenar. Por supuesto, como desarrollador, puede sobrescribir el estilo, los eventos y las acciones predeterminados.
Características de los controles del servidor ASP.NET
- Administración de estado automática : los valores de los controles se retienen en los viajes de ida y vuelta al servidor.
- Acceso simple al valor del objeto: el acceso al valor del objeto es bastante simple a través de controles en lugar del método convencional de usar el objeto Solicitar.
- Eventos : los controles reaccionan a los eventos en el código del lado del servidor, lo que ayuda a manejar acciones específicas del usuario de manera estructurada.
- Complejidad simplificada : las interfaces de usuario complejas se crean con controles simples que están preconfigurados para realizar las acciones más comunes.
- Escribir una vez Renderizar en cualquier lugar : las páginas web creadas mediante controles están optimizadas para renderizarse en cualquier tipo de dispositivo o navegador. El diseño y el marcado en la salida se crean automáticamente en función de las capacidades del navegador.
Categorías de controles de servidor ASP.NET
El marco de la página ASP.Net tiene soporte para numerosos controles. Los controles del servidor ASP.NET se clasifican en general en 4 categorías:
1. Controles del servidor HTML
Los controles del servidor HTML son atributos HTML que se ordenan procesar en el lado del servidor. Esto significa esencialmente que el control tiene la misma salida y propiedades que sus correspondientes atributos HTML tradicionales, pero con capacidades de cálculo adicionales para eventos que se procesarán en el lado del servidor.
Para resumir, las etiquetas HTML tradicionales mejoradas para ser procesadas en el lado del servidor se denominan controles de servidor HTML.
Un ejemplo de un control de servidor HTML
Etiqueta HTML tradicional
Control de servidor HTML
Ahora puede que se pregunte cómo un atributo runat = "server" puede transformar una etiqueta HTML tradicional en un control de servidor HTML. Bueno, ASP.Net trata todos los elementos HTML como texto sin formato. La ejecución en el atributo indica que el elemento debe tratarse como un control, lo que lo hace programable en el servidor. Los scripts del lado del servidor también pueden acceder a los elementos con este atributo.
Cuando se compila el código ASP.Net, los elementos con el atributo runat = "server" también se compilan en el ensamblado. Y para aquellos elementos que no tienen este atributo, se agregan al ensamblaje como controles HTML genéricos.
Nota : Todos los controles del servidor HTML deben estar encerrados dentro de … etiquetas.
Ventajas de los controles del servidor HTML
Los controles del servidor HTML proporcionan las siguientes ventajas:
- Los controles se asignan uno a uno con sus correspondientes etiquetas HTML.
- La mayoría de los controles tienen un desencadenador de evento OnServer para el evento más común del control. Por ejemplo, los botones tienen un OnServerClick. El desarrollador simplemente necesita escribir su código en las funciones de activación.
- Todos los controles del servidor HTML derivan de la clase base Web.UI.HtmlControl. Por lo tanto, heredan todas las funciones y métodos básicos de control de HTML.
- El marcado de los controles es similar a las etiquetas HTML nativas, lo que hace que sean fáciles de usar y comprender.
- Los controles están agrupados en Visual Studio Toolbox, lo que los hace fáciles de usar en su aplicación.
2. Controles del servidor web
Los controles del servidor web son similares a los controles del servidor HTML en términos de la salida generada. Sin embargo, los controles del servidor web son etiquetas ASP estandarizadas. También se compilan en el lado del servidor y requieren un atributo runat = "server" similar.
Un ejemplo de control de servidor web
Control de servidor web
HTML Server Control
Nota : no todos los controles web se asignan necesariamente a un control HTML correspondiente. A veces, los controles web son más complejos que los controles HTML nativos.
Ventajas de los controles del servidor web
Los controles de servidor web ofrecen las siguientes ventajas:
- Los controles se asignan (principalmente, pero no siempre) a sus elementos HTML correspondientes. Esto facilita a los desarrolladores generar automáticamente una interfaz de usuario.
- Dado que los controles están empaquetados previamente con elementos HTML interactivos, el proceso de creación de formularios web se vuelve menos propenso a errores y es más consistente.
- Todos los controles de servidor web derivan de la clase base Web.UI.WebControls.WebControl. Por lo tanto, heredan todas las características y métodos básicos de Control web.
Los controles del servidor web se dividen en cuatro categorías:
- Controles web básicos
- Controles de validación
- Controles de lista
- Ricos controles
a. Controles web básicos
Los controles web básicos son similares a los controles de servidor HTML. Proporcionan la misma funcionalidad con métodos, eventos y propiedades adicionales, que los desarrolladores pueden aprovechar para escribir su propio código.
Ejemplos de controles web básicos
Control de botones
HyperLink Control
Label Control
si. Controles de validación
Los controles de validación en ASP.Net se utilizan para validar las entradas del usuario. Estos controles pueden realizar validaciones predefinidas y personalizadas. Dependiendo de la compatibilidad del navegador, las validaciones se realizan en el lado del cliente o del servidor. Esta decisión es realizada automáticamente por los controles. La validación del lado del cliente se realiza en el navegador del cliente, es decir, antes de que se active una llamada de devolución al servidor. La validación del lado del servidor se realiza después de que el formulario se haya enviado al servidor.
Los controles de validación no son controles independientes. Más bien están asociados con otros controles en la página web o formulario web. Se puede asociar más de un control de validación con cada control a validar. La validación se realiza cuando el usuario envía la página o el formulario.
Ejemplos de controles de validación
Validador de campo requerido
Compare Validator
C. Controles de lista
Los controles de lista son controles especiales que generan diseños de lista preformateados. Estos controles se unen a las colecciones y muestran los datos recopilados en filas de un formato personalizado o con plantilla. Por esta razón, los controles de lista solo se unen a colecciones que implementan interfaces IEnumerable, ICollection o IListSource. Los datos que se vincularán a los controles de lista están definidos por las propiedades DataSource y DataMember.
Ejemplo
Public void Page_Load()( count_rptr.DataSource = new String() ("Uno", "Due", "Tre"); count_rptr.DataBind();)
El código anterior generará Uno, Due, Tre, como una lista que abarca tres líneas.
re. Ricos controles
Los controles web enriquecidos son controles HTML complejos que están destinados a proporcionar una experiencia de usuario enriquecida. Estos son controles específicos de la tarea. A diferencia de los controles HTML nativos de formularios web simples, los controles enriquecidos realizan una tarea compleja. Esto puede ser un conjunto de varios controles HTML simples o un diseño más mejorado. Ejemplos de controles enriquecidos son Control de calendario, Control XML, Control AdRotator, etc.
El Control de calendario es responsable de mostrar un elemento selector de fecha que el usuario puede usar muy convenientemente para seleccionar una fecha.
El control XML genera un diseño XML para los datos dados. El diseño XML es un diseño controlado por etiquetas en el que los datos están encerrados dentro de las etiquetas. Estas etiquetas sirven como claves, mientras que los datos dentro sirven como valores.
El control AdRotator es responsable de mostrar un banner publicitario en la página web.
3. Controles de usuario
ASP.Net también facilita al desarrollador crear su propio paquete de controles integrados que se pueden reutilizar. Esto ayuda mucho a los desarrolladores cuando desean reutilizar la interfaz de la página web actual en otra. ASP.Net nos permite convertir nuestros WebForms en controles de usuario. Para lograr esto, ASP.Net guarda los formularios web con la extensión .ascx. Estos archivos .ascx se pueden usar varias veces dentro de un solo formulario web.
Pasos para crear su propio control de usuario:
- Eliminar cualquier,, y
- Cambie la directiva @Page a @Control
- (Opcional) Incluya un atributo className con la directiva @Control para escribir su directiva con la clase.
- Guarde el control con .ascx
4. Controles personalizados
Además del amplio conjunto de controles integrados, ASP.Net también le permite definir su propio control personalizado. Un control personalizado es cualquiera de los tres:
- Una combinación de dos o más controles integrados.
- Una extensión a un control incorporado.
- Un código completamente nuevo que funciona como un control específico.
Artículos recomendados
Esta es una guía de los controles del servidor ASP.NET. Aquí discutimos las características y las diferentes categorías de controles de servidor ASP.NET junto con las ventajas y ejemplos. También puede consultar los siguientes artículos para obtener más información:
- Marco ASP.NET
- Controles de validación de ASP.Net
- Carrera en ASP.NET
- ¿Qué son los servicios web ASP.Net?