Controles en ASP .NET - Mg.Gina Huertas Camacho

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 System.Web.UI.WebControls
Algunos tipos de controles son
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
ESCRIBIR AQUÍ CONTROL (Web control o
HtmlControl) SEGÚN CORRESPONDA
Preferimos un modelo de objetos similar al
lenguaje HTML.
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
Session("apellido") = txtapellido.Text
End Sub
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:

Preferimos un modelo de programación similar a Visual Basic o C#.

Estamos desarrollando Web Forms que deben ser mostrados por varios tipos
de navegadores.

Se necesita una funcionalidad específica, como puede ser un calendario o un
rotador de
anuncios.
Ejemplo :
Y los controles HTML es preferible utilizarlos en las siguientes situaciones:
 Preferimos un modelo de objetos similar al lenguaje HTML.
 Estamos trabajando con páginas Web existentes y las queremos migrar a Web
Forms.
 El control debe interactuar 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
ReguiredFieldValidator
Garantiza que el usuario no omite una entrada.
CompareValidator
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.
Comparación
con un valor
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
RegularExpressionValidator
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.
Definida por el
usuario
CustomValidator
Realiza validaciones personalizadas , este control
llamara a una función definida por el usuario para
que realice la validacion
Listado de
Errores
ValidationSummary
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