En el siguiente tutorial aprenderemos a crear un control de servidor personalizado de ASP.NET. Para este ejemplo crearemos un proyecto de Biblioteca de clases en el que se agregará un clase que heradará de la clase Label la cual esta contenida en espacio de nombres System.Web.UI.WebControls. Para poder referenciar la clase Label desde este espacio de nombres es necesario importar el ensamblado System.Web, para ello de clic derecho sobre el proyecto dentro del explorador de solucciones y escoga la opcion Agregar referencia. Una vez seleccionada esta opción se presentará una ventana emergente donde buscaremos la referencia requeridad. Vease las siguientes imagenes.
Despues de agregar la referencia crearemos una clase llamada CLabel en la cual se sobreescribirá unos metodos para asi poder personalizar la apariencia que tendra el control. Una vez agregado el codigo personalizado la apariencia de nuestra clases sera similar a la siguiente imagen.
Con estos pasos se finaliza la creación del control personalizado de servidor. Para implementar este control se requiere agregar un nuevo sitio web en la misma solución (si lo desea solo referencie la ddl como se verá mas adelante) para ello de dirijase a la opccion Archivo >> Agregar Nuevo Sitio Web y cree el sitio web. Con esto tendremos dos proyecto en nuestra solución tal como se aprecia en la siguiente imagen.
Despues de este paso debemos referenciar el control creado dentro del sitio web, para ello daremos clic derecho sobre el sitio web y agregaremos la referencia hacia el proyecto que contiene la Biblioteca de clases tal como se aprecia en la siguiente imagen.
Con esto aseguremos que cada modificación realizada en el control se vera reflejada en sitio web. Para asegurar de que la referencia fue creada satisfactoriamente basa con examinar en el Explorador de soluciones la carpeta Bin, en esta carpea deberá estar el componente (dll del control) . Nuestra estructura de directorio se verá como la siguiente imagen.
Ahora solo falta agregar nuestro control a la barra de herramientas de Visual Studio, para ello agregaremos una nueva ficha a la cual llamaremos ControlLabel y despues le agregaremos los compomentes contenidos (En nuestro caso la Biblioteca de clases solo contiene un control pero puede contener varios) en la dll dando clic derecho y seleccionado la opción Elegir elementos tal como se aprecia en la imagen.
En el cuadro que emerge despues de seleccionar la opción Elegir elementos procederemos referenciar la dll ubicada dentro de la carpeta Bin de nuestro proyecto web. Una vez seleccionada prodremos ubicar el control CLabel en el cuadro de herramientas y trabajar con el como si trabajaramos con cualquier tipo de control de sevidor de los que proporciona ASP.NET. La imagen de la anterior accion se muestra a continuación.
Cabe aclarar que cuando en la misma solución se encuentra el compomente (CLabel) y el sitio web, Visual Studio carga automaticamente el componente a la barra de herramientas, en ese caso el paso anterior podria omitirse. Para mayor entendimiento vea la siguiente imagen.
Ahora para finalizar la implementación del control de servidor personalizado procedemos a incluir el control CLabel dentro de la página, para ello arrastraremos el control hasta la página y le asignaremos un valor. Para mayor comprensión vea la siguiente imagen.
Y para finalizar dejamos la apariencia de control ejecutandose.
Para descargar el codigo empleado en esta entrada de clic aquí.
No hay comentarios:
Publicar un comentario