ACTIVIDAD DE APRENDIZAJE 02-I Conociendo los principales controles del Servidor (SEMANA 3) Controles en ASP.NET Directamente relacionados con los Web Forms tenemos los distintos controles de servidor que se puede utilizar dentro de los Web Forms y en las páginas ASP.NET en general. Los numerosos controles de servidor incluidos en ASP.NET se pueden agrupar en categorías o familias: Los controles Web ofrecen un mayor nivel de abstracción que los controles.., y su modelo de objetos no refleja la sintaxis HTML necesariamente. Cuando la página se carga en el navegador, el control Web determina el tipo de navegador que ha realizado la petición, y de acuerdo con esta información genera el código HTML apropiado, podemos decir que en este aspecto se trata de controles. Tenemos los distintos controles de servidor que se puede utilizar dentro de los Web Forms y en las páginas ASP.NET en general. Todos estos controles generarán el correspondiente código. para que el usuario pueda utilizarlos en la página cargada en su navegador algunos de los siguientes grupos : 1. Controles de Servidor HTML 2. Controles de Servidor WEB 1.1 CARACTERISTICAS Objetos programables que se ejecutan en el. Exponen interfaz con. y métodos Se encargan de generar. ( Rendering ) Son capaces de generar distinto HTML de acuerdo al. pág. 1
Se identifican por el atributo. 1.2 TIPOS DE CONTROLES DEL LADO SERVIDOR a. Controles HTML Los controles HTML son muy similares a las etiquetas HTML que representan y sus propiedades son casi idénticas, estos controles se diferencian de las etiquetas HTML en que poseen la propiedad runat con el valor server, por lo demás el aspecto que presentan es idéntico. Son los controles comunes de paginas HTML, pero capaces de utilizar el atributo runat= server Se encuentran definidos como objetos dentrol del NameSpaces System.Web.UI.HtmlControls. ejemplo <input type= text id= txtnombre runat= server > <Span id= spninicio runat= server > Inicio </span> b. WEB SERVER CONTROLS (controles de servidor web) Objetos programables que se ejecutan en el Exponen interfaz con y.. Se encargan de.. ( Rendering ) Son capaces de generar distinto HTML de acuerdo al Navegador Se identifican por el atributo runat= server Poseen mayor funcionalidad y pueden contener otros objetos Dependen del NameSpaces Algunos tipos de controles son System.Web.UI.WebControls 1. Controles web básicos o estándar. 2. Controles web avanzados. 3. Controles de validación. 4. Controles datos. 5. Controles de navegación. 6. inicio de sesión. 7. elementos web. pág. 2
8. Controles Ajax Ejemplo <asp:textbox id= txtnombre runat= server text= ingrese su nombre /> Los controles Web ofrecen un mayor nivel de abstracción que los controles HTML, y su modelo de objetos no refleja la sintaxis HTML necesariamente. Cuando la página se carga en el navegador, el control Web determina el tipo de navegador que ha realizado la petición, y de acuerdo con esta información genera el código HTML apropiado, podemos decir que en este aspecto se trata de controles inteligentes. 1.3 Agregar código a las paginas 1. EN LA VISTA HTML(código en linea) Primero Creando en una pagina Se debe indicar el lenguaje a utilizar <script language= vb runat= server > Sub ingreso() proceso End sub </script> 2. EN LA PAGINA DE CODIGO SUBYACENTE (CodeBehind) en los procedimiento de eventos que ya están definidos y no tenemos que crear, depende del objeto y el evento que seleccionemos De un ejemplo.... En algunos casos nos puede interesar utilizar controles Web, y en otros controles HTML, indique en cual de las siguientes situaciones usaria controles Web o Los controles HTML SITUACION Preferimos un modelo de objetos similar al lenguaje HTML. ESCRIBIR AQUÍ CONTROL (Web control o HtmlControl) SEGÚN CORRESPONDA Si necesita una funcionalidad específica, como puede ser un calendario o un rotador de anuncios. pág. 3
Estamos trabajando con páginas Web existentes y las queremos migrar a Web Forms. Estamos desarrollando Web Forms que deben ser mostrados por varios tipos de navegadores. El control EJECUTARA métodos de javascript Preferimos un modelo de programación similar a Visual Basic o C#. 1.CONTROLES WEB BASICOS o ESTANDARD COMPLETAR ESTE CUADRO VER DIAPOSITIVA pág. 4
Còmo se agrega código a las paginas? EN LA VISTA HTML (lado servidor) 1. Creando Script en una pagina Se debe indicar el lenguaje a utilizar <script language= vb runat= server > Sub ingreso() proceso End sub </script> 2. Vinculando eventos a Procedimientos Asignamos al evento del servidor el nombre del procedimiento creado en el script <input type = submit value= Enviar onserverclick= Saludo runat= server > Si va a crear un Procedimieto de evento,defina 2 argumentos 1. Quien envía el evento (object) 2. Argumento del evento (EventArgs) EN LA PAGINA DE CODIGO SUBYACENTE (CodeBehind) (lado Cliente) en los procedimiento de eventos que ya están definidos y no tenemos que crear, depende del objeto y el evento que seleccionemos ejemplo Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles LinkButton1.Click End Sub Session("apellido") = txtapellido.text En algunos casos nos puede interesar utilizar controles Web, y en otros controles HTML, los controles Web deberán ser usados en las siguientes situaciones: de navegadores. rotador de anuncios. Ejemplo : Y los controles HTML es preferible utilizarlos en las siguientes situaciones: Estamos trabajando con páginas Web existentes y las queremos migrar a Web Forms. con script de cliente y de servidor. Ejemplo : pág. 5
2 Controles Web Avanzados En este grupo de controles (rich controls) se encuentran una serie de controles avanzados que ofrecen una gran funcionalidad, como : el control rotador(adrotator) de anuncios y el control calendario, Pertenecen también al espacio de nombres System.Web.UI.WebControls. Ejemplo Panel, Multiview, FileUpload, Calendar, Adrotator. 3 Controles de validación ASP.NET ofrece un conjunto de controles de validación que proporciona una forma eficaz y fácil usar para comprobar errores y si es necesario mostrar mensajes al usuario. Este grupo de controles permite comprobar que la información que introducen los usuarios es válida Este grupo de controles nos permite validar la entrada dada por el usuario a través de los controles de un WebForm, esta validación se puede realizar en el cliente y en el servidor. pertenecen también al NameSpace System.Web.UI.WebControls, y son los siguientes: Tenemos 6 controles de Validación importantes: Tipo de validación Nombre del control Descripción Entrada requerida Comparación con un valor ReguiredFieldValidator CompareValidator Garantiza que el usuario no omite una entrada. Compara los datos proporcionados por el usuario con un valor constante, con el valor de otro control (mediante un operador de comparación como menor que, igual que o mayor que) o para un tipo de datos específico. Comprobación del intervalo RanqeValidator Comprueba que una entrada de usuario está entre los limites superior e inferior especificados. Se pueden comprobar los intervalos entre pares de números, caracteres alfabéticos y fechas pág. 6
Coincidencia de modelos Definida por el usuario Listado de Errores RegularExpressionValidator CustomValidator ValidationSummary Comprueba que la entrada del usuario coincide con un modelo definido por una expresión regular. Este tipo de validación permite comprobar secuencias de caracteres predecibles, como los que aparecen en las direcciones de correo electrónico, números de teléfono, códigos postales, etc. Realiza validaciones personalizadas, este control llamara a una función definida por el usuario para que realice la validacion Muchos no consideran un control de validación a este, se encarga de poder agrupar todos los controles de validación. y los presenta en forma de lista La validación se realiza sobre los controles de un Web Form, y un mismo control puede tener distintos tipos de validación, es decir, se pueden utilizar distintos controles de validación sobre un mism control a validar. SE PIDE: IMPLEMENTAR CODIGO SCRIPT Y CODIGO HTML PARA EL SIGUIENTE ENUNCIADO 1. Código(lado cliente) que genera un script el cual contiene un procedimiento de evento que muestra lo ingresado en un web control textbox de 2. El mismo enunciado pero con el código que tu colocarías en un procedimiento de evento de la página de código subyacente(lado servidor) pág. 7