Semana 7

Controles de servidor Web

Al igual que los controles de servidor HTML, los controles de servidor
Web tambin se crean en el servidor y que requieren un atributo runat =
"server" para trabajar. Sin embargo, los controles de servidor Web no
necesariamente se correlacionan con los elementos HTML existentes y
que pueden representar los elementos ms complejos.
Por qu necesita ASP.NET
webforms el Runat =
"Server" atributo?
La importancia de <runat="server"> es ms consistencia
y extensibilidad.
Si el desarrollador tiene que marcar algunas etiquetas
(como <asp: /> ) para que el motor de ASP.NET no lo
ignore, luego existe tambin el problema potencial de
las colisiones de nombres entre etiquetas y futuras
mejoras.
Qu significa runat en asp.net?
Significa Sintaxis de cdigo de declaracin: <script
runat="server">
Los bloques de declaracin de cdigo definen mtodos y
variables miembro que se compilarn en la clase Page
generada. Estos bloques pueden utilizarse para crear lgica de
pgina o desplazamiento.
Controles bsicos en ASP.NET
Controles de validacin
Hay seis controles Web
para la validacin de
datos de entrada que se
pueden incorporar en un
Formulario Web.
RequiredFieldValidator: Facilita la validacin de un dato del
formulario chequeando que el mismo tenga algn valor.
RangeValidator: Facilita la validacin de un dato del formulario
contra un valor mnimo y mximo.
CompareValidator: Facilita la validacin de un dato del
formulario contra un valor fijo u otro campo del formulario.
CustomValidator: Facilita la validacin de un dato del formulario
usando una subrutina propia.
RegularExpressionValidator: Facilita la validacin de un dato
del formulario contra una expresin.
ValidationSumary: Agrupa los mensajes de error de otros
controles en una parte de la pgina.
Todos los controles de validacin tienen
tres propiedades fundamentales:
ControlToValidate, Text y IsValid.
Todos los controles derivan de la clase
BaseValidator.
Controles de validacin
Control: RequiredFieldValidator
Control: RangeValidator
El control RangeValidator especifica un valor mnimo y mximo para un control
TextBox. Podemos utilizar el control para chequear el rango de enteros, fechas,
cadenas o valores reales.
Las propiedades ms importantes del control son:
ControlToValidate El campo del formulario a validar.
MinimumValue El valor mnimo a validar en el rango de valores.
MaximumValue El valor mximo a validar en el rango de valores.
Text El mensaje de error a mostrar.
Type El tipo de comparacin a ejecutar (valores posibles: String, Integer,
Double, Date, Currency)
Control: CompareValidator
El control CompareValidator permite comparar un valor de un control con otro
control o comparar el valor de un control con un valor fijo.
Las propiedades ms importantes son:
ControlToValidate El campo del formulario a validar.
ControlToCompare El campo del formulario contra el cual se efecta la
comparacin.
Operator El operador a utilizarse en la comparacin (los valores posibles son
Equal, NotEqual, GreaterThan, GreaterThanEqual, LessThan, LessThanEqual y
DataTypeCheck)
Text El mensaje de error a mostrar.
Type El tipo de comparacin a ejecutar (valores posibles String, Integer,
Double, Date, Currency)
ValueToCompare El valor fijo a comparar.
Control: CustomValidator
El control CustomValidator permite validar el campo de un formulario con
una funcin de validacin propia. Debemos asociar nuestro control
CustomValidator con un evento propio.
Control: RegularExpressionValidator
El control RegularExpressionValidator permite validar el valor de un campo de
un formulario con un patrn especfico, por ejemplo un cdigo postal, un
nmero telefnico, una direccin de mail, una URL etc.
El planteo de un RegularExpression es bastante compleja, pero el Visual
Studio .Net provee una serie de expresiones regulares preconfiguradas.
Control: ValidationSummary
Cuando tenemos formularios con gran cantidad de controles puede llegar a ser
dificultoso ubicar los errores en la pgina. El Framework de la .Net trae otra clase
llamada ValidationSumary que muestra todos los errores de la pgina agrupados
en una parte de pantalla. Para utilizar el control ValidationSummary es necesario
fijar el valor de la propiedad ErrorMessage para cada control de validacin que
tiene la pgina. Es importante no confundir la propiedad Text que aparece en la
misma posicin donde la disponemos con la propiedad ErrorMesage que
contiene el mensaje de error que mostrar el control ValidationSummary.
Controles Enriquecidos
Controles List-Bound
Semana 7
Ejercicios de controles
Pasar datos de un formulario a otro
Ejercicio 1
1.- Agregamos un Formulario Web
2.- Crea dos formularios
3.- Realiza el siguiente diseo
4.- Diseo del formulario 2
5.- Codificamos en el botn del primer formulario
6.- Codificamos en la pgina de carga del formulario 2
Ejercicio 2
Usando Mulvistas
Aplicando el mismo principio del
Ejercicio 1, pero en esta oportunidad
tendra que ser en nuestro propio
formulario
1.- Del formulario creado
2.- En el formulario insertar el objeto que se seala
3.- Dentro de la Multivistas, insertamos las vistas, una para llenar el dato y otra
para mostrarlo
Ah es donde insertaremos las vistas
4.- En sus propiedades cambiar a 0 ActiveViewIndex:
Utilice ActiveViewIndex para
establecer una vista de control
dentro de un MultiView de control
como la vista activa.
Tambin puede utilizar esta
propiedad para devolver el ndice
de la Vista de control que se
establece en la actualidad como la
vista activa. El ndice de
una vista de control est
determinado por el orden en el
que se declara dentro de
un MultiView control. Por ejemplo,
la primera vista de control
declarada en un MultiView control
tiene un ndice de 0.
5.- Ubicamos el objeto
6.- Ahora insertamos 2 vistas en la Multivista
7.- Hacer el siguiente diseo
8.- Codificamos en el botn
Recuerda que el valor de cada vista representa el elemento tipo arreglo, si coloco tres
vistas, el elemento a llamar si en caso fuese el ltimo sera 2, hagan la prueba
Ejecuta
Ejercicio 3
Trabajando multivistas con otros objetos y pginas
1.- Creamos un nuevo formulario
2.- Creamos un formulario llamado Confirmacion.aspx
3.- Ingresa 1 Multivista y dentro de ella 3 Vistas
4.- Ahora crea 1 formulario llamado Confirmacion.aspx
5.- Para la primera vista haz el siguiente diseo
6.-Para la segunda vista hacemos este diseo
7.- Para la tercera vista, haz el siguiente diseo
8.- Codificamos en cada botn de la vista 1
9.- Codificamos en los botones de la
vista 2
10.-Ahora codificamos los siguientes
botones de la vista 3
11.-Ahora codificamos la pgina principal
12.- Ahora slo falta escribir en la pgina Confirmacin
Ejecuta
Ejercicio 4
Uso de Adrotator
AdRotator es un componente para mostrar banners al
azar, muchas veces queremos que en vez de siempre
mostrarse un banner, mostremos varios al azar,
tambin podemos querer que uno tenga ms
posibilidades de ser seleccionado que otro, etc.
El AdRotator para ASP.net es bastante diferente del de
ASP 3.0 en su sintaxis y uso, pero no trae casi ninguna
diferencia en su funcionalidad.
Empecemos.
Resumiendo, tenemos que tener algunos banners
para mostrar, por ejemplo de banner que tu
conoscas de algunas pginas muy solicitadas.
Pongamos todos los banners en una carpeta
llamada 'banners'. Ahora bien, toda la
informacin acerca de los banners se almacenan
en un archivo XML.
1.- Creamos un nuevo formulario
2.- crea una carpeta con imgenes con el nombre Banners
3.- Ahora agrega un nuevo elementos, vamos a agregar un archivo XML
4.- Agregamos el archivo XML
5.- Abrimos el archivo XML y codificamos
ImageUrl: Indica la ruta de la imagen
NavigateUrl: Indica la direccin web
AlternateText: Indica un texto alternado en vez de la imagen
Impresssions: Indica la cantidad de veces que se imprimir la imagen
Keyword: Indica un filtro de impresin de la imagen
6.- Completamos el cdigo
7.- En el formulario de Ejemplo4, escribir lo siguiente
8.- Arrastramos el objeto a trabajar.
9.- Elegimos en el ComboBox, Nuevo origen de datos
10.- Nos aparece una ventana elegimos Objetos XML, luego clic en aceptar
12.- Luego en esta ventana damos clic en Examinar, para buscar nuestro archivo de dato
13.- Selecciono el archivo XML que deseamos
14.- Luego ya con el archivo cargado, aceptamos
Ejecuta
Slo saldrn 3 imgenes, si deseas que
salgan las 4 imgenes, cambia el filtro
en la cuarta imagen del archivo XML
Ejercicio 5
Usando Substitution
1.- Creamos un nuevo proyecto
2.- Activamos el las herramientas a utilizar
3.- Activamos el las herramientas a utilizar
4.- Utilizamos el prrafo
5.- Una vez que hemos probado, hacemos el siguiente diseo
6.- Selecciona y arrastra el objeto a utilizar
7.-Ahora buscas el otro objeto a utilizar El wizard
Jalalo
8.- Jalas el objeto para poder ingresar los tems de los pasos del Wizard
9.- Ingresar items
10.- Cambio algunas propiedades del primer Item
Cambie el modo
de continuacin
Cambie el
nombre
11.- Cambio algunas propiedades del primer Item
12.- Cambio algunas propiedades del primer Item
13.- Haz clic en el primer items
Haz clic en Datos personales para ingresar el diseo
14.- En datos Personales realizar dicho diseo
15.- Realiza el siguiente diseo de Datos Acadmicos
16.- Ingrese los elementos
17.- Hazte el diseo en el tercer item
18.- Ahora el las propiedades del Wizard cambiemos algunos datos
Obtiene o establece el ndice
19.- Elegimos el evento del objeto Wizard
20.- Doble clic o elegimos el objeto
21.- Codificamos
Ejecuta
Ejercicio 6
Validaciones: Compare Validator
1.- Agregamos un nuevo formulario
2.-Creamos el siguiente diseo
txtusuario
txtpass
txtrepass
3.-Insertamos los siguientes objetos
4.- Modificamos algunas propiedades del objeto sealado
5.- Modificamos las propiedades del objeto sealado
6.-No te olvides los (*) en los objetos anteriores
7.- Ahora volvemos a trabajar con las propiedades
8.- Ahora modificamos el objeto seleccionado
9.- Ahora modificamos el objeto seleccionado
10.- Agregamos ciertos archivos que tu ya conoces
11.- En nuestro archivo Global
12.- Codifico una function java sscritp
13.- No te olvides que debes de tener el evento del evento html, el cual llama al
evento del objeto aspx
Ejecuta
Objetos a desarrollar
Grupo Standar
Grupo de Validacin
Grupo de Navegacin
Grupo de inicio de sesin
Grupo de elementos Web