ASP NET Framework 3 5

AApliicac
co
cio
on .
Tem
Ele
que
inte
en la WEB

M
ne
.NE
ma
emen
e
eivi
MC
s
ET 3
ntos
ien
CTS:
Web
3.5
s
en
:
b
5
www.uepuianuo.com 1
Tema Elementos que inteivienen en la Web
Tema Elementos que
inteivienen en la Web Pioceso ue
Comunicacion
El proceso de comunicacin entre el navegador y el servidor a travs del protocolo
HTTP se puede resumir de la siguiente forma:
1. El explorador Web inicia una peticin de un recurso a un servidor Web.
2. HTTP se utiliza para enviar la solicitud GET al servidor Web.
3. El servidor Web procesa la solicitud.
4. El servidor Web enva una respuesta al navegador Web. Protocolo HTTP se utiliza
para enviar la respuesta HTTP al navegador Web.
5. El navegador web procesa la respuesta, y muestra la pgina Web.
6. El usuario introduce los datos y realiza una accin, como hacer clic en un botn
"Enviar" que hace que los datos se envan de vuelta al servidor Web.
7. HTTP se utiliza para enviar los datos al servidor.
8. El servidor Web procesa los datos.
9. El servidor Web enva la respuesta al navegador Web.
10. HTTP se utiliza para enviar la respuesta HTTP al navegador Web.
11. El navegador web procese la respuesta, y muestra la pgina Web.
Servidor Web
Los servidores Web son responsables de la recepcin y tramitacin de las solicitudes de los
navegadores a travs de HTTP. Cada servidor Web maneja la solicitud y enva una respuesta al
navegador Web. Despus de eso, el servidor Web cierra la conexin y todos los recursos
liberados que haban participado en la solicitud. Todos los recursos fueron liberados debido a
que el servidor Web debe ser capaz de manejar miles de solicitudes por minuto, y el original
son simples pginas web, pginas HTML estticas.
Ningn dato se conserva de la respuesta entre el servidor web y el navegador y la conexin se
cierra despus de enviar la respuesta
www.uepuianuo.com 2
Adems de servir archivos HTML, los servidores Web tambin pueden tramitar las solicitudes
de pginas que contienen cdigo que se ejecutar en el servidor.
Tambin tienen la capacidad de almacenar datos a travs de las solicitudes de pginas Web, lo
que significa que las pginas Web pueden estar conectadas para formar aplicaciones web.
Debido a que muchos sitios Web estn configurados como aplicaciones Web
que contiene muchas pginas web, la idea de que un servidor Web entrega una sola pgina
para el navegador Web y el cierre de la conexin es bastante anticuado.
El navegador Web
El navegador Web proporciona una plataforma independiente de la plataforma para mostrar
pginas web que fueron escritas con HTML. El explorador Web tambin tiene que mostrar las
imgenes y responder a los hipervnculos. Cada solicitud de una pgina web al servidor
provoca el refresco de la pantalla del navegador y su sustitucin por la nueva pgina web.
Aunque el papel del explorador Web es simplemente presentar los datos y la recogida de
datos, existen nuevas tecnologas del lado del cliente que permiten a los navegadores web
ejecutar cdigo, como JavaScript y AJAX , sin necesidad de refrescar la pgina web actual. Estas
tecnologas permiten una experiencia de usuario mucho mejor y ms robusta que la
experiencia de usuario proporcionada por de los navegadores Web primitivos.
www.uepuianuo.com S
HTTP, Protocolo de Transferencia de Hipertexto

HTTP en el protocolo de comunicacin basado en texto que se utiliza para solicitar las pginas
Web del servidor Web y enviar las respuestas de vuelta al navegador Web. Mensajes HTTP
suelen ser mensajes enviados entre el servidor Web y el navegador Web usando el puerto 80,
o, cuando se utiliza HTTP seguro (HTTPS), el puerto 443
Cuando una pgina Web se solicita, un texto como el siguiente comando se enva al servidor
Web
GET /default.aspx HTTP/1.1
Host: www.northwindtraders.com
La primera lnea contiene el mtodo, tambin conocido como un verbo o un comando,
llamado GET, y es seguido por la URL, de la pgina Web para ser recuperado, que es seguido
por un indicador de la versin de HTTP para ser utilizado. El mtodo indica qu accin se
llevar a cabo por el servidor Web utilizando la direccin URL que sigue el mtodo.
La segunda lnea identifica el nombre del host que puede ser utilizado por el servidor Web si el
servidor Web sirve ms de un sitio Web. Este proceso se conoce como el uso de encabezados
de host para identificar el sitio Web que se encargar de la peticin (s).
Mtodo Significado
GET Devuelve el recurso identificado en la URL pedida.
HEAD Funciona como el GET, pero sin que el servidor
devuelva el cuerpo del mensaje. Es decir, slo se
devuelve la informacin de cabecera.
POST Indica al servidor que se prepare para recibir
informacin del cliente. Suele usarse para enviar
informacin desde formularios.
PUT Enva el recurso identificado en la URL desde el
cliente hacia el servidor.
OPTIONS Pide informacin sobre las caractersticas de
comunicacin proporcionadas por el servidor. Le
permite al cliente negociar los parmetros de
comunicacin.
TRACE Inicia un ciclo de mensajes de peticin. Se usa para
depuracin y permite al cliente ver lo que el servidor
www.uepuianuo.com 4
recibe en el otro lado.

DELETE Solicita al servidor que borre el recurso identificado
con el URL.
CONNECT Este mtodo se reserva para uso con proxys.
Permitir que un proxy pueda dinmicamente
convertirse en un tnel. Por ejemplo para
comunicaciones con SSL.
El objeto Request representa la comunicacin desde el navegador al Servidor solicitando un
recurso
El objeto Response representa la respuesta del servidor al navegador
HTTP/1.1 200 OK
Server: MicrosoftIIS/6.0
ContentType: text/html
ContentLength: 38
<html><body>Hello, world.</body><html>
La primera lnea contiene el protocolo, la versin del protocolo, un cdigo de estado y la razn.
Los posibles cdigos de estado se identifican con nmeros de tres cifras y se clasifican en cinco
grupos:
1. Nmeros del estilo 1XX que representan mensajes de tipo informativo.
2. Nmeros del estilo 2XX que indican que se complet satisfactoriamente la solicitud del
cliente.
3. Nmeros del estilo 3XX que indican que la solicitud fue redirigida.
4. Nmeros del estilo 4XX que indican un error en la solicitud del cliente.
5. Nmeros del estilo 5XX que indican un error en el lado del servidor.
Cdigo Significado
200 OK La solicitud del cliente fue satisfactoria y el
servidor ha devuelto la informacin solicitada.
204 No
Content
El cuerpo de la respuesta no tiene contenido.
Esto puede indicar, por ejemplo, un problema
con un CGI que no devuelve datos.
301 Moved
Permanently
El URI solicitado no est disponible en el
servidor. Ha sido movido a otra ubicacin. Las
solicitudes futuras debern hacerse a esa
ubicacin.
400 Bad
Request
Hay un error de sintaxis en la solicitud del
cliente. Por ejemplo mandar una solicitud
indicando que el cliente soporta HTTP/1.1 y no
www.uepuianuo.com S
enviar el encabezado de Host.

404 Not
Found
Este es junto con el 200 OK, el cdigo ms
habitual. Indica que el documento solicitado no
est disponible, probablemente el URI haya sido
mal escrito.
500 Internal
Server Error
Este mensaje indica que algo ha ido mal en el
servidor, casi siempre tiene que ver con
problemas en programas CGI.
La segunda lnea de la respuesta indica el tipo de servidor web. La tercera lnea indica el tipo
de recurso que est siendo enviado al navegador web. Este indicador es el tipo MIME. En este
caso el fichero es un fichero de texto HTML esttico. El tipo MIME es una designacin de dos
partes "tipo / subtipo", en el que la primera parte es el tipo de recurso y la segunda parte es el
subtipo de recursos
El registro de los tipos MIME los controla la IANA (Internet Asigned Numbers Authority) segn
lo especificado en el RFC 2048 [102], y en su sitio Web podemos obtener la lista completa y
actualizada de los tipos registrados. Es importante el registro de tipos MIME, esto asegura que
dos tipos de contenido distintos no acaban con el mismo nombre. El prefijo especial x queda
reservado para tipos experimentales (desplegados sin que haya terminado el proceso de
registro) o tipos de uso interno de organizaciones, por ejemplo:
image/xfwf
El protocolo HTTP usa tipos MIME en sus encabezados, por ejemplo para:
x Informar al cliente el tipo de datos que est recibiendo del servidor. Esto se hace con
el encabezado ContentType . Por ejemplo, un navegador tpico puede manejar los
datos de tres maneras distintas segn el tipo MIME indicado en ContentType :
1. Visualizar el documento, por ejemplo con tipos text/html .
2. Llamar a una aplicacin externa, por ejemplo con tipos application/pdf .
3. O preguntarle al usuario que hacer ante un tipo que no se entiende, por
ejemplo image/xfwf .
x Permitir la negociacin de contenido. El cliente, en su peticin incluye los tipos MIME
que acepta. Por ejemplo, un navegador puede soportar documentos de tipo
application/zip , lo indicar con el encabezado HTTP:
x Allow: application/zip
x Encapsular una o ms entidades dentro del cuerpo de mensaje, mediante los tipos
MIME multipart (definidos en el RFC 2046 [100]). Quiz el ejemplo ms conocido sea el
tipo:
x multipart/formdata
www.uepuianuo.com 6
El tipo multipart/formdata ha sido definido en el RFC 1867 [96] para encapsular los datos de
un formulario en su envo hacia el servidor mediante el mtodo POST.
Tipo MIME Descripcin
text Informacin de texto. No se requiere
software especial para obtener el significado
completo del texto. Un subtipo es plain, lo
que significa que el texto se puede leer sin
necesidad de software adicional. Otros
subtipos son HTML y XML, que indican el tipo
de archivo apropiado
image Los datos de la imagen. Requiere un
dispositivo de pantalla (por ejemplo, un
grfico o una impresora de grficos) para ver
la informacin. Subtipos se definen dos
formatos de imagen ampliamente utilizado,
jpeg y gif
audio Datos de audio. Requiere un dispositivo de
salida de audio (como un altavoz o
auriculares) para "or" los contenidos. Un
primer subtipo llamado basic se define de
este tipo.
video Datos de vdeo. Requiere la capacidad para
mostrar imgenes en movimiento, por lo
general
incluyendo hardware y software
especializados. Un primer subtipo
llamado MPEG se define para este tipo
application Otros tipos de datos, normalmente no
interpretados ya sea binaria o de
informacin de datos para ser procesados por
una aplicacin.
El registro contiene una lista de tipos MIME:
HKEY_CLASSES_ROOT\MIME\Database\Content Type.
Despus de la lnea con el tamao del contenido, la respuesta enva el mensaje.
Enviando datos de formulario al Servidor
La etiqueta HTML <form> se puede utilizar para crear un formulario Web que recoge datos y
enva los datos al servidor Web. Un uso tpico de etiqueta <form> es el siguiente
<form method="POST" action = "getCustomer.aspx" >
Enter Customer ID:
<input type="text" name="Id">
<input type="submit" value="Get Customer">
</form>
www.uepuianuo.com 7
Hay dos mtodos HTTP que se pueden utilizar para enviar el formulario de datos de vuelta al
servidor Web: GET y POST. Cuando el verbo GET se usa, el que contiene los datos de
QueryString se adjunta a la direccin URL. La QueryString es una coleccin de estados clave =
valor, separados por ampersand (&),los caracteres que se pueden pasar al servidor Web
concatenando un signo de interrogacin (?) a la final de la URL y, a continuacin,
concatenando la QueryString como sigue
GET /getCustomer.aspx?Id=123&color=blue HTTP/1.1
Una de las ventajas de utilizar el verbo GET es que la QueryString URL es enviada completa
y puede ser vista y modificada en la barra de direcciones del explorador Web, segn sea
necesario.
Dependiendo de la situacin, esto tambin podra ser una desventaja. La URL completa y
QueryString son fciles de guardar como una unidad.
Una desventaja es que el QueryString tiene un tamao limitado por el navegador Web y el
servidor Web que se utilice. Por ejemplo, cuando se utiliza Microsoft Internet Explorer e IIS, el
lmite es de 1024 caracteres. Otra consideracin es que puede que no desea permitir que un
usuario escriba la direccin URL y QueryString directamente en la barra de direcciones sin
navegar por otras pginas Web en primer lugar.
Cuando se usa el mtodo POST. Los datos se colocan en el cuerpo del mensaje como sigue:
POST /getCustomer.aspx HTTP/1.1
Id=123&color=blue
Con el mtodo POST se elimina la limitacin de tamao en los datos, se han probado con hasta
10 MB. Este mtodo no permite al usuario simplemente escribir los datos ya que estos datos
se esconden en el cuerpo del mensaje. En la mayora de escenarios es el mtodo ms
conveniente de enviar datos al servidor.
Una pgina Web ASP.NET contiene una propiedad denominada IsPostBack que se utiliza para
determinar si los datos se envan de vuelta al servidor Web o si la pgina Web es simplemente
que se solicita.
1. What is the name of the Web page property that you can query to determine that a Web page
is being requested without data being submitted? (Choose one.)
A. FirstGet
B. Initialized
C. IncludesData
D. IsPostBack
www.uepuianuo.com 8
AApliicac
co
cio
on .
Te
Cie
We
nu
Pg
M
ne
.NE
ema
eai Si
eb y A
evas
ginas

MC
s
ET 3
itio
Aaui
s
CTS:
Web
3.5
ii
:
b
5
www.uepuianuo.com 9
Tema Cieai Sitio Web y Aauii nuevas Pginas
Tema Cieai Sitio Web y Aauii
nuevas Pginas
Desarrollar aplicaciones Web ASP.NET sobre el .NET Framework es similar a desarrollar
aplicaciones Windows. El componente fundamental de ASP.NET es el formulario Web Form.
Un formulario Web Form es la pgina Web que los usuarios visualizan en un navegador. Una
aplicacin Web ASP.NET consta de uno o ms formularios Web Form. Un Web Form es una
pgina dinmica que puede acceder a recursos del servidor.
Por ejemplo, una pgina Web tradicional puede ejecutar scripts en el cliente para realizar
tareas bsicas. En cambio, un formulario Web Form ASP.NET tambin puede ejecutar cdigo
en el lado servidor para acceder a una base de datos, generar formularios Web Forms
adicionales, o aprovechar la seguridad incorporada en el servidor.
Adems, como un formulario Web Form ASP.NET no depende de utilizar scripts en el cliente,
no depende del tipo de navegador del cliente o del sistema operativo. Esta independencia
permite desarrollar un nico formulario Web Form que puede ser visualizado prcticamente
en todos los dispositivos que dispongan de acceso a Internet y de un navegador Web.
Debido a que ASP.NET forma parte del .NET Framework, podemos desarrollar aplicaciones
Web ASP.NET en cualquier lenguaje basado en .NET.
La tecnologa ASP.NET tambin permite la creacin de servicios Web XML. Los servicios Web
XML son aplicaciones distribuidas que utilizan XML para transferir informacin entre clientes,
aplicaciones y otros servicios Web XML.
www.uepuianuo.com 1u
AplicacinWeb de ASP.NET
Una aplicacin Web ASP.NET contiene distintas partes y componentes. Crear aplicaciones Web
ASP.NET implica utilizar y trabajar con todos ellos
Formularios Web Forms o pginas .aspx
Los formularios Web Forms y las pginas .aspx proporcionan la interfaz de usuario para la
aplicacin Web.
Pginas con cdigo trasero
Las pginas con cdigo trasero estn asociadas a los formularios Web Forms y contienen el
cdigo del servidor para el formulario Web Form.
Archivos de configuracin
Los archivos de configuracin son archivos XML que definen la configuracin predeterminada
para la aplicacin Web y para el servidor Web. Cada aplicacin Web tiene un archivo de
configuracin Web.config. Adems, cada servidor Web tiene un archivo machine.config.
Archivo Global.asax
Los archivos Global.asax contienen el cdigo necesario para responder a los eventos a nivel de
aplicacin provocados por ASP.NET.
www.uepuianuo.com 11
Enlaces a servicios Web XML

Los enlaces a servicios Web XML permiten a la aplicacin Web enviar y recibir datos de un
servicio Web XML.
Conectividad a bases de datos
La conectividad a bases de datos permite a la aplicacin Web transferir datos desde y hacia
fuentes de base de datos.
Cach
El uso de cach permite a la aplicacin Web devolver ms rpidamente formularios Web
Forms y datos tras la primera peticin.
Proceso de una solicitud
Cuando el cliente solicita una pgina Web por primera vez, se genera el siguiente conjunto
de eventos:
1. El navegador cliente enva una solicitud GET HTTP al servidor.
2. El parseador ASP.NET interpreta el cdigo fuente.
3. Si el cdigo no se ha compilado todava en una biblioteca de enlace dinmico (DLL), ASP.NET
invoca el compilador.
4. El CLR carga y ejecuta el cdigo Microsoft intermediate language (MSIL)
Cuando el usuario invoca la misma pgina Web por segunda vez, se genera el siguiente
conjunto de eventos:
1. El navegador cliente enva una solicitud GET HTTP al servidor.
2. El CLR carga y ejecuta inmediatamente el cdigo MSIL que ya se ha compilado durante el
primer intento de acceso del usuario.
Creando un sitio web
En la primera parte del tutorial, crear un sitio web de ASP.NET con una pgina
predeterminada. Este sitio web ser un sitio web de sistema de archivos que no requiere
Microsoft Internet Information Services (IIS). Esto permite crear y ejecutar la pgina desde el
sistema de archivos local de su equipo.
Para crear un sitio web de sistema de archivos
1. Abra Visual Web Developer.
2. En el men Archivo, haga clic en Nuevo sitio Web.
Aparece el cuadro de dilogo Nuevo sitio Web, como se muestra en la siguiente ilustracin.
3. En Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.

4. En el cuadro Ubicacin, seleccione la casilla Sistema de archivos y escriba el nombre de
la carpeta donde desea guardar las pginas del sitio web.
Por ejemplo, escriba el nombre de carpeta C:\Tasks.
5. En la lista Lenguaje, haga clic en Visual Basic o Visual C# para seleccionar el lenguaje de
programacin que utilizar en todo el proyecto web
6. Haga clic en Aceptar.
Visual Web Developer crea la carpeta y una pgina nueva denominada Default.aspx. De forma
predeterminada, cuando se crea una nueva pgina, Visual Web Developer muestra la pgina
en la vista Cdigo fuente, donde puede ver los elementos HTML de la pgina. La ilustracin
siguiente muestra una pgina web predeterminada en vista Cdigo fuente.
www.uepuianuo.com 1S
Visita guiada por Visual Web Developer

Antes de continuar, resultar til familiarizarse con el entorno de desarrollo de Visual Web
Developer. La ilustracin siguiente muestra algunas de las ventanas y herramientas de Visual
Web Developer.
Diagrama del entorno de Visual Web Developer
Examine la ilustracin anterior y relacione el texto con la lista siguiente, que describe las
ventanas y herramientas que se utilizan con ms frecuencia. (Aqu no se muestran todas las
ventanas y herramientas disponibles, slo las marcadas en la ilustracin anterior.)
x Barras de herramientas. Proporcionan los comandos que permiten dar formato al

texto, buscar texto, etc. Algunas barras de herramientas slo estn disponibles cuando
se trabaja en la vista Diseo.
x Explorador de soluciones. Muestra los archivos y carpetas del sitio web.
x Ventana Documento. Muestra los documentos en los que se est trabajando en
ventanas con fichas. Puede pasar de un documento a otro haciendo clic en las fichas.
x Fichas de vistas. Presentan distintas vistas del mismo documento. La vista Diseo es un
rea de edicin prcticamente WYSIWYG. La vista Cdigo fuente es el editor de la
pgina que muestra el marcado. La vista en dos paneles muestra la vista Diseo y la
vista Cdigo fuente del documento. Trabajar con las vistas Diseo y Cdigo fuente
ms adelante en este tutorial. Si prefiere abrir las pginas web en la vista Diseo, en el
men Herramientas haga clic en Opciones, seleccione el nodo Diseador HTML y
cambie la opcin Iniciar pginas en.
x Ventana Propiedades. Permite cambiar la configuracin de la pgina, los elementos
HTML, los controles y otros objetos.
x Ventana Propiedades de CSS. Muestra los estilos CSS actuales cuando la vista Diseo
est activa.
x Ventanas Administrar estilos y Aplicar estilos. Ayudan a controlar los estilos CSS del
sitio web.
x Cuadro de herramientas. Proporciona los controles y elementos HTML que se pueden
arrastrar a una pgina. Los elementos del Cuadro de herramientas se agrupan por
funcionamiento comn.
x Explorador de bases de datos. Muestra las conexiones de las bases de datos. Si no ve la
ventana Explorador de bases de datos en Visual Web Developer, en el men Ver, haga
clic en Otras ventanas y, a continuacin, haga clic en Explorador de bases de datos.
Puede reorganizar, cambiar el tamao y acoplar las ventanas para adaptarlas a sus
preferencias. El men Ver permite mostrar otras ventanas.
Para recorrer el entorno de desarrollo
1. En el men Ver, haga clic en Barras de herramientas.
Se muestra un submen de barras de herramientas disponibles. Las barras de herramientas
que estn seleccionadas actualmente aparecen con una casilla junto a ellas.
2. Desplcese hasta el final de la lista de barras de herramientas y haga clic en
Personalizar.
Se muestra el cuadro de dilogo Personalizar.
3. Revise las barras de herramientas disponibles. Cuando termine, haga clic en Cerrar.
4. En el men Ver, haga clic en el Explorador de soluciones.

Se mostrar la ventana Explorador de soluciones. De forma predeterminada, esta ventana se
acopla en un lado del entorno de Visual Web Developer.
5. En el Explorador de soluciones, haga clic con el botn secundario del mouse en el
elemento superior de la lista de sitios.
Se muestra un men de acceso directo con las operaciones de sitio web ms habituales.
6. Presione ESC para cerrar el men de acceso directo.
7. En el Explorador de soluciones, haga clic con el botn secundario del mouse en el
archivo Web.config y, a continuacin, haga clic en Abrir para abrir el archivo en la
ventana de documento.
8. Haga doble clic en la pgina Default.aspx para abrirla en la ventana de documento.
Hacer doble clic en un archivo es una alternativa a utilizar el comando Abrir del men
de acceso directo.
Observe que el nombre de cada pgina abierta se muestra en una ficha en la parte superior de
la ventana de documento.
9. En la parte inferior de la ventana de documento, haga clic en Dividir para mostrar vista
Cdigo fuente y la vista Diseo al mismo tiempo.
10. En el men Ver, haga clic en Ventana Propiedades.
Se mostrar la ventana Propiedades.
Al seleccionar un objeto en la ventana de documento, la ventana Propiedades muestra las
propiedades del objeto seleccionado.
11. En el panel de vista Cdigo fuente, seleccione el elemento form y, a continuacin, en
la ventana Propiedades, examine las propiedades disponibles.
12. En el men Ver, haga clic en Cuadro de herramientas.
Se mostrar la ventana Cuadro de herramientas.
13. En vista Diseo, en la ficha Estndar del Cuadro de herramientas, arrastre un control
Button hacia el documento y colquelo en el elemento div.
Observe que la vista Cdigo fuente se actualiza con el marcado correspondiente.
14. En el men Ver, haga clic en Explorador de bases de datos.
Se mostrar la ventana Explorador de bases de datos.
15. Haga clic con el botn secundario del mouse en Conexiones de datos para ver las
opciones de bases de datos disponibles.
Crear una pgina web ASP.NET

Al crear un nuevo sitio web, Visual Web Developer agrega una pgina web ASP.NET (pgina de
formularios Web Forms) denominada Default.aspx. Puede utilizar la pgina Default.aspx como
pgina principal de su sitio web. Sin embargo, en este tutorial, crear una nueva pgina y
trabajar con ella.
Para agregar una pgina al sitio Web
1. En la ventana de documento, haga clic con el botn secundario en la ficha de la pgina
Default.aspx y, a continuacin, haga clic en Cerrar.
2. Si se le pide que guarde los cambios, haga clic en No.
3. En el Explorador de soluciones, haga clic con el botn secundario en el sitio web, (por
ejemplo, C:\Tasks) y, a continuacin, haga clic en Agregar nuevo elemento.
Se abrir el cuadro de dilogo Agregar nuevo elemento.
4. En Plantillas instaladas de Visual Studio, haga clic en Web Forms.
5. En el cuadro Nombre, escriba Home.aspx.
6. En la lista Lenguaje, seleccione el lenguaje de programacin con el que desea trabajar
(Visual Basic o C#).
7. Desactive la casilla Colocar el cdigo en un archivo independiente.
La ilustracin siguiente muestra el cuadro de dilogo Agregar nuevo elemento.
8. Haga clic en Agregar.

Visual Web Developer crea la nueva pgina. De forma predeterminada, la pgina se muestra
en la vista Cdigo fuente.
Agregar HTML a la pgina
En esta parte del tutorial, agregar texto esttico a la pgina.
Para agregar texto a la pgina
1. En la parte inferior de la ventana de documento, haga clic en la ficha Diseo para pasar
a la vista Diseo.
2. En la pgina, escriba ToDo List.
Ejecutar la pgina
Antes de continuar, puede probar la pgina. Para ejecutar una pgina, necesita un servidor
Web. En un sitio web de produccin, se utiliza IIS como servidor web. Sin embargo, para
probar una pgina puede utilizar el servidor de desarrollo de ASP.NET, que se ejecuta
localmente y no requiere IIS. En los sitios web de sistema de archivos, el servidor web
predeterminado de Visual Web Developer es el servidor de desarrollo de ASP.NET.
Para ejecutar la pgina
1. Presione CTRL+F5 para ejecutar la pgina.
Visual Web Developer inicia el servidor de desarrollo de ASP.NET. En la barra de herramientas

de Windows aparece un icono que indica que el servidor web de Visual Web Developer se est
ejecutando, como se muestra en la ilustracin siguiente:
La pgina se muestra en el explorador. Aunque la pgina creada tiene una extensin .aspx, se
ejecuta como cualquier pgina HTML.
2. Cierre el explorador.
Tipos de Sitios Web
En lugar de crear slo sitios Web que se ejecutan como aplicaciones de Servicios de Internet Information
Server (IIS), ahora puede crear los tipos siguientes:
x
Sitio Web del sistema de archivos Puede almacenar archivos en cualquier carpeta, y abrir
y trabajar con cualquier coleccin de pginas Web, independientemente de dnde se
encuentren. Una caracterstica importante es que no necesita tener IIS instalado para ejecutar
las pginas de un sitio Web del sistema de archivos. En su lugar, puede probar los sitios Web
utilizando el Servidor de desarrollo de ASP.NET, un servidor de pruebas poco complicado.
x
Sitio Web de FTP Puede abrir y editar archivos de sitios Web utilizando el Protocolo de
transferencia de archivos (FTP) directamente desde Visual Web Developer.
x
Sitio Web de IIS local Puede seguir creando sitios Web que se ejecutan en la copia local de
IIS, como lo haca con versiones anteriores de Visual Studio. Los sitios Web de IIS locales no
requieren Extensiones de servidor de FrontPage.
x
Sitio Web remoto Puede crear sitios Web que se ejecutan en IIS en un equipo distinto que
est ejecutando Extensiones de servidor de FrontPage 2000 o extensiones de servidor
FrontPage 2002.
Carpetas Especiales
Como en versiones anteriores de Visual Studio, las pginas Web se conservan en la raz del
sitio Web y en subcarpetas, tal como sea necesario para la aplicacin. No obstante, el sitio
Web de Visual Web Developer puede contener las subcarpetas siguientes que tienen
caractersticas concretas:
x Carpeta App_Browsers Contiene archivos de definicin de exploradores que ASP.NET
utiliza para identificar exploradores individuales y determinar sus funciones.
x Carpeta App_Data Contiene bases de datos de Microsoft Access (archivos .mdb),
archivos XML y otros datos almacenadas en archivos locales. La cuenta de usuario que
se utiliza para ejecutar la aplicacin (por ejemplo, la cuenta ASPNET local) tiene
permisos de lectura, escritura y creacin de archivos en esta carpeta. Varias funciones
de aplicacin ASP.NET, como proveedores para suscripciones y funciones, as como la
herramienta Administracin de sitios Web, estn configuradas para trabajar con la
carpeta App_Data especficamente.
x Carpeta Bin Contiene el cdigo compilado, como en versiones anteriores de Visual
Studio. Se hace referencia automticamente a cualquier clase representada por el
cdigo en la carpeta Bin del sitio Web.
x Carpeta App_LocalResources Contiene archivos .resx enlazados a una pgina
determinada. Puede definir varios archivos .resx para cada pgina ya que cada archivo
.resx representa un idioma o una combinacin de idioma/referencia cultural diferente.
x Carpeta App_GlobalResource Igual que las carpetas App_LocalResources pero
contiene archivos .resx que no estn enlazados a una pgina determinada. Se puede
tener acceso a valores de recursos de archivos .resx en las carpetas
App_GlobalResource mediante programacin a partir del cdigo de aplicacin.
x Carpeta App_Code Contiene archivos de cdigo fuente. El cdigo se compila como
parte de la aplicacin y se hace referencia a l automticamente. La carpeta App_Code
funciona como la carpeta Bin, salvo que se puede colocar cdigo fuente en lugar de
cdigo compilado. Mientras trabaja en Visual Web Developer, el cdigo fuente de la
carpeta App_Code se compila dinmicamente para que IntelliSense puede hacer
referencia a cualquier clase definida en los archivos.
x Carpeta App_Themes Contiene una coleccin de archivos que definen el aspecto de
las pginas Web y controles ASP.NET.
x Carpeta App_Browsers Contiene archivos .browser que definen funciones del
explorador.
x Carpeta App_WebReferences Contiene archivos que se utilizan para crear una
referencia a un servicio Web (en el mismo proyecto o externas al proyecto), incluidos
archivos .disco y .wsdl.
Visual Web Developer no crea de manera predeterminada estas carpetas, excepto la carpeta
App_Data. En algunos casos, hay utilidades que crean carpetas. Al ejecutar el comando
Generar recurso local, por ejemplo, se crea la carpeta App_LocalResources. En otros casos,
puede crear las carpetas manualmente.
TEST
1. If you want to create a Web site on a remote computer that does not have Front Page Server
Extensions installed, which Web site type will you create? (Choose one.)
A. Remote HTTP
B. File
C. FTP
D. Local HTTP
2. If you want to create a new Web site on a Web server that is hosted by your ISP and the Web
server has Front Page Server Extensions installed, what type of Web site would you create?
(Choose one.)
A. Local HTTP
B. File
C. FTP
D. Remote HTTP
3. If you want to separate your server-side code from your client-side code on a Web page, what
programming model should you implement? (Choose one.)
A. Separation model
B. Code-Behind model
C. In-Line model
D. ClientServer model
4. Joe created a new Web site using Visual Studio 2005, setting the Web site type to File, and
the programming language to C#. Later, Joe received an elaborate Web page from his vendor,
which consisted of the Vendor.aspx file and the Vendor.aspx.vb code-behind page. What must
Joe do to use these files? (Choose one.)
A. Joe can simply add the files into the Web site, because ASP.NET 2.0 supports Web
sites that have Web pages that were programmed with different languages.
B. The Vendor.aspx file will work, but Joe must rewrite the code-behind page using C#.
C. Both files must be rewritten in C#.
D. Joe must create a new Web site that contains these files and set a Web reference to
the new site.
AApliicac
co
cio
on .
Te
Tia
con
ue
Co
We
M
ne
.NE
ema
abaja
n el fi
nfigu
eb

MC
s
ET 3
anuo
ichei
uiacio
CTS:
Web
3.5
io
on
:
b
5
Tema Tiabajanuo con el ficheio ue Configuiacion Web
Tema Tiabajai con el Ficheio ue
Configuiacion Web
Los Sitios Web se han configurado sobre la base de una jerarqua de archivos de configuracin
XML, como se muestra en la Figura 19. El primer archivo de configuracin es el archivo
Machine.config. Este archivo se encuentra en la carpeta de configuracin de la versin de. NET
Framework instalado en el equipo, y generalmente se encuentra en la siguiente ubicacin:
%WINDIR%\Microsoft.NET\Framework\version\Config\machine.config
El archivo Machine.config contiene configuracin para todo tipo de aplicaciones. NET, como
Windows, la consola, Librerias de Clases, y aplicaciones Web. Estos ajustes son globales a la
mquina. Algunos de los ajustes en el archivo Machine.config pueden ser anulados por los
ajustes Web.config en archivos que estn en la jerarqua, mientras que otros son globalesLos
globales estn protegidos y no pueden ser anulados por los archivos Web.config
El siguiente archivo en la jerarqua es el principal archivo Web.config, que se encuentra en el
mismo directorio que el archivo Machine.config. Este archivo contiene la configuracin Web
predeterminada del servidor, algunas de las cuales pueden anular los ajustes en el archivo
Machine.config.
En el directorio raz de cada sitio Web, usted tiene la posibilidad de aadir un archivo
Web.config. Este archivo es opcional y puede contener ajustes adicionales para el sitio Web,
as como anular configuraciones. En cada aplicacin Web, tambin puede tener un archivo
Web.config para proporcionar ms opciones y ajustes. Por ltimo, cada subdirectorio en una
aplicacin Web Opcionalmente, puede tener un archivo Web.config en que slo un
subconjunto de las opciones es vlida.
Procesar Ficheros de Configuracin

Cuando se ejecuta la aplicacin Web, en tiempo de ejecucin se crea una cach de la
configuracin efectiva de la aplicacin Web por el anidamiento de las capas de los archivos de
configuracin de la siguiente manera:
1. Se recuperan los ajustes del archivo Machine.config
2. La configuracin del archivo raz Web.config se aaden a la cach, sobrescribiendo
cualquier configuracin que se cre anteriormente.
3. Si existe un archivo Web.config en la raz del sitio Web, este archivo se lee en la
memoria cach, sobrescribir las entradas existentes.
4. Si existe un archivo Web.config en la aplicacin Web, que es ledo en la cach, tambin
sobrescribe cualquier configuracin existente. El resultado de la cach contiene la
configuracin de este sitio Web
5. Si tiene subdirectorios en su aplicacin Web, los subdirectorios pueden tener un
Web.conifg archivo que incluye los ajustes que son especficos para los archivos y
carpetas que estn contenidas dentro de esta carpeta.
Modificando el archivo de configuracin
Debido a que son archivos XML, los archivos de configuracin se pueden abrir y modificar con
cualquier editor de texto o editor XML. Tambin puede usar el. NET Framework 2.0
Configuracin complemento con la Microsoft Management Console (MMC), que proporciona
una interfaz grfica de usuario (GUI) para modificar algunos de los archivo de configuracin de
los ajustes que un administrador puede querer cambiar.
Visual Studio 2005 tambin proporciona el Sitio Web Herramienta de administracin, que
puede ser usado para modificar muchos de los ajustes de archivo de configuracin. Puede
acceder a esta herramienta mediante la seleccin de Sitio Web | ASP.NET Configuracin.
La Herramienta de administracin del sitio Web permite editar las siguientes categoras de los
archivos de configuracin:
x Seguridad Esta configuracin permite la configuracin de seguridad para su sitio web.
En esta categora, puede agregar los usuarios, roles, y permisos para su sitio Web.
x Configuracin de la Aplicacin esta categora se utiliza para modificar la configuracin
de las aplicaciones.
x Configuracin de Proveedor Este archivo contiene los ajustes de configuracin que
permiten especificar el proveedor de la base de datos a utilizar para el mantenimiento
de la composicin y funciones
El Sitio Web Herramienta de administracin le permite crear y modificar la configuracin del

sitio Web que no son hereditarios. Si una propiedad se hereda y no puede ser anulada,
aparecer, pero ser atenuado cuando la configuracin est desactivada.
<system.web>
<!
Establezca debug "true" en la compilacin para insertar smbolos
de depuracin en la pgina compilada. Dado que este
proceso afecta al rendimiento, debe establecer este valor como true
durante la depuracin.
>
<compilation debug "true">
</system.web>
Test
1. You want to make a configuration setting change that will be global to all Web and Windows
applications on the current computer. Which file do you change? (Choose one.)
A. Global.asax
B. Web.config
C. Machine.config
D. Global.asa
2. You want to make a configuration setting change that will affect only the current Web
application. Which file will you change? (Choose one.)
A. Web.config that is in the same folder as the Machine.config file
B. Web.config in the root of the Web application
C. Machine.config
D. Global.asa
3. You want to make a configuration setting change that will affect only the current Web
application, and you want to use a tool that has a user-friendly Graphical User Interface (GUI).
Which tool should you use? (Choose one.)
A. The Microsoft Management Utility
B. Microsoft Word
C. Visual Studio, using the | Tools | Options path
D. Web Site Administration Tool
AApliicac
co
cio
on .
Te
Ti
AS
a
M
ne
.NE
ma
azai
PNE

MC
s
ET 3
T
CTS:
Web
3.5
:
b
5
Tema Tiazai ASPNET
Tema 0sanuo Tiaza paia
Exploiai Pginas Web
Se puede utilizar para solucionar problemas y diagnosticar problemas con su sitio Web.
Tambin puede utilizar la traza para explorar la utilizacin de recursos en cada pgina Web.
Esta leccin se refiere a la habilitacin y configuracin de la traza y, a continuacin, analiza los
datos que son puestos a disposicin por la traza.
Activar y Configurar Traza
La traza se puede activar en el archivo Web.Config. Pero tambin se puede utilizar la
Herramienta de administracind el Sitio Web para proporcionar una interfaz grfica fcil de
usar para habilitar y configurar esta opcin
Atributo Descripcin
enabled Atributo Boolean opcional.
Tema Tiazai ASPNET
Especifica si el seguimiento est habilitado o no para una aplicacin.

Para poder utilizar el visor Trace.axd, el seguimiento debe estar
habilitado. El valor predeterminado es false.
localOnly Atributo Boolean opcional.
Especifica si el visor de seguimiento (Trace.axd) slo est disponible
en el servidor Web del host. Si es false, el visor de seguimiento
est disponible en cualquier equipo.
El valor predeterminado es true.
mostRecent Atributo Boolean opcional.
Especifica si se muestran los resultados de seguimiento de
aplicacin ms recientes y se descartan los datos de seguimiento
ms antiguos que superen los lmites indicados por requestLimit.
Si es false, se muestran los datos de seguimiento de las solicitudes
hasta alcanzar el valor del atributo requestLimit.
Se trata de un atributo nuevo en .NET Framework, versin 2.0.
El valor predeterminado es false.
pageOutput Atributo Boolean opcional.
Especifica si se debe mostrar el resultado del seguimiento al final de
cada pgina. Si es false, el acceso al resultado del seguimiento slo
es posible a travs de la herramienta de seguimiento.
El valor predeterminado es false.
requestLimit Atributo Int32 opcional.
Especifica el nmero de solicitudes de seguimiento que deben
almacenarse en el servidor. Si se alcanza el lmite y el atributo
mostRecent es false, se deshabilita el seguimiento
automticamente.
El lmite mximo de la solicitud es 10.000. Si se especifica un valor
superior, ASP.NET lo redondear automticamente a la baja hasta
10.000.
El valor predeterminado es 10.
traceMode Atributo TraceDisplayMode opcional.
Especifica el orden en el que se mostrar la informacin de
seguimiento.
El atributo traceMode puede ser uno de los siguientes valores
posibles:
Valor Description
SortByCategory Especifica que la informacin de
seguimiento se muestra en el orden en que
se procesa.
SortByTime Especifica que la informacin de
seguimiento debe mostrarse ordenada
alfabticamente por las categoras
definidas por el usuario.
El valor predeterminado es SortByTime.
writeToDiagnosticsTrace Atributo Boolean opcional.
Especifica si los mensajes de seguimiento de ASP.NET se han de
reenviar a la infraestructura de seguimiento de System.Diagnostics
para que los agentes de escucha registrados muestren los mensajes
de Trace. El valor predeterminado es false.
<configuration>
<system.web>
<trace enabled "true"
pageOutput "true"
requestLimit "15"
mostRecent "true" />
<system.web>
Tema Tiazai ASPNET
</configuration>
Si ha habilitado el seguimiento para la aplicacin, al solicitar cualquier pgina, sta rene
informacin de seguimiento y ejecuta cualquier instruccin de seguimiento que contenga.
Puede ver el resultado del seguimiento en el visor de seguimiento. El visor de seguimiento
permite elegir una solicitud especfica entre las pginas solicitadas a la aplicacin.
Si se reciben mltiples solicitudes para una aplicacin que tiene habilitado el seguimiento, en
el visor de seguimiento aparecen las solicitudes en el orden en que se procesaron. La
informacin de la pgina inicial del visor de seguimiento incluye la hora de la solicitud, el
archivo solicitado, el cdigo de estado, el verbo HTTP asociado y un vnculo Ver detalles que
permite ver informacin ms detallada acerca de la solicitud. El nmero de solicitudes
disponibles no superar el lmite requestLimit especificado en el archivo Web.config.
En la captura de pantalla siguiente se muestra un visor de seguimiento con las siete solicitudes
enviadas a la aplicacin desde que se habilit el seguimiento.
Para ver los detalles de seguimiento de una solicitud especfica
1. Desplcese a Trace.axd en la raz de la aplicacin.
Por ejemplo, si la direccin URL de la aplicacin es http://localhost/SampleApplication, vaya a
http://localhost/SampleApplication/trace.axd para ver informacin de seguimiento para la
aplicacin.
2. Seleccione el vnculo Ver detalles de la solicitud que desee investigar.
Para borrar las solicitudes del visor de seguimiento
1. Desplcese a Trace.axd en la raz de la aplicacin.
2. Seleccione el vnculo borrar rastro actual para quitar todas las solicitudes almacenadas en el
visor de seguimiento.
www.uepuianuo.com Su
Tema Tiazai ASPNET
Habilitar seguimiento a una pgina

Puede controlar si se habilita o deshabilita el seguimiento para pginas individuales. Si el
seguimiento est habilitado, cuando se solicita la pgina, ASP.NET agrega a la pgina una serie
de tablas que contienen detalles de ejecucin sobre la solicitud de la pgina. De forma
predeterminada, el seguimiento est deshabilitado.
Para habilitar el seguimiento de una pgina
1. Incluya una directiva @ Page al principio del archivo .aspx.
2. Agregue un atributo Trace y establezca su valor en true, tal como se muestra en el
ejemplo siguiente:
<%@ Page Trace="true" %>
Test
1. You want to identify which event in the Web page life cycle takes the longest time to execute.
How can you accomplish this? (Choose one.)
A. Turn on ASP.NET trace and run the Web application. After that, review the trace
results.
B. Add a line of code to each of the life-cycle events that will print the current time.
C. In the Web.config file, add the monitorTimings attribute and set it to True.
D. In the Web site properties, turn on the performance monitor and run the Web
application. After that, open performance monitor to see the timings.
2. You want to run the trace continuously to enable you to quickly look at the 10 most recent
traces from anyone using your Web site, but you are concerned about filling your hard drive
with an excessive amount of data. Which of the following settings will accomplish your
objective? (Choose one.)
A. <trace enabled="false" requestLimit="10"pageOutput="false" traceMode="SortByTime"
localOnly="true" mostRecent="true"
/>
B. <trace enabled="true" requestLimit="10"pageOutput="true"traceMode="SortByTime"
localOnly="true" mostRecent="true"
/>
C. <trace enabled="true" requestLimit="10"pageOutput="false" traceMode="SortByTime"
localOnly="true" mostRecent="false"
/>
D. <trace enabled="true" requestLimit="10"pageOutput="false" traceMode="SortByTime"
localOnly="false"mostRecent="true"
/>
3. You are interested in examining the data that is posted to the Web server. What trace result
section can you use to see this information? (Choose one.)
A. Control Tree
B. Headers Collection
C. Form Collection
D. Server Variables
www.uepuianuo.com S1
AApliica
co
cio
on .
Te
A
Co
Co
ue
Se
M
ne
.NE
ema
aui
onfig
onti
e
eiviu

MC
s
ET
a
ii y
guia
ioles
uoi
CTS:
Web
3.5
ai
s
:
b
5
Tema Aauii y Configuiai Contioles ue Seiviuoi
Tema 0sanuo un Contiol ue
Seiviuoi
Cuando crea pginas Web ASP.NET, puede utilizar estos tipos de controles:
x Controles de servidor HTML Elementos HTML expuestos al servidor para que se
puedan programar. Los controles de servidor HTML exponen un modelo de objeto que
se relacionan muy estrechamente con los elementos HTML que representan.
x Controles de servidor Web Controles con ms funciones incorporadas que los
controles de servidor HTML. Los controles de servidor Web incluyen no slo controles
de formulario como botones y cuadros de texto, sino tambin controles con fines
especiales como un calendario, mens y un control de vista de rbol. Los controles de
servidor Web son ms abstractos que los controles de servidor HTML pues su modelo
de objetos no refleja necesariamente la sintaxis HTML.
x Controles de validacin Controles que incorporan lgica para permitirle comprobar
los controles de entrada de los usuarios como el control TextBox. Los controles de
validacin le permiten comprobar un campo necesario, su adecuacin a un valor o un
modelo de caracteres concreto, comprobar que un valor se encuentra en un intervalo
predefinido, etc.
x Controles de usuario Controles que crea como pginas Web ASP.NET. Se pueden
incrustar controles de usuario de ASP.NET en otras pginas Web ASP.NET; esta es una
forma sencilla de crear barras de herramientas y otros elementos reutilizables.
Controles de Servidor HTML
Los controles de servidor HTML son elementos HTML (o elementos en otro marcado
compatible, como XHTML) que contienen atributos que los convierten en programables en
cdigo del servidor. De forma predeterminada, los elementos HTML en una pgina Web
ASP.NET no estn disponibles para el servidor. En su lugar, se tratan como texto opaco y se
pasan al explorador. Sin embargo, cuando se convierten en controles de servidor HTML, los
elementos HTML quedan expuestos como elementos programables en el servidor.
www.uepuianuo.com SS
El modelo de objetos de los controles de servidor HTML se relaciona estrechamente con el de

los elementos correspondientes. Por ejemplo, los atributos HTML se exponen en controles de
servidor HTML como propiedades.
Cualquier elemento HTML de una pgina se puede convertir en control de servidor HTML
agregando el atributo runat="server". Durante el anlisis, el marco de trabajo de la pgina
ASP.NET crea instancias de todos los elementos que contienen el atributo runat="server". Si
desea hacer referencia al control como un miembro dentro del cdigo, tambin deber
asignarle un atributo id al control.
El marco de trabajo de la pgina proporciona controles de servidor HTML predefinidos para los
elementos HTML que se utilizan con ms frecuencia dinmicamente en una pgina: el
elemento form, los elementos input (cuadro de texto, casilla, botn Enviar), el elemento
select, etc. Estos controles de servidor HTML predefinidos comparten las propiedades bsicas
del control genrico y, adems, cada control normalmente proporciona su propio conjunto de
propiedades y su propio evento.
Los controles de servidor HTML ofrecen las funciones siguientes:
x Un modelo de objetos que pueda volver a programar en el servidor con las tcnicas
habituales orientadas a objetos. Los controles de servidor exponen propiedades que
permiten manipular los atributos de marcado del control mediante programacin en el
cdigo del servidor.
x Un conjunto de eventos para los que pueda escribir controles de eventos de la misma
forma que lo hara en un formulario basado en cliente, con la excepcin de que un
evento se controla en cdigo del servidor.
x La capacidad de controlar eventos en un script de cliente.
x Mantenimiento automtico del estado del control. Cuando la pgina realiza una accin
de ida y vuelta al servidor, los valores que el usuario escriba en los controles de
servidor HTML se mantendrn automticamente y la pgina se devuelve al explorador.
x Interaccin con los controles de validacin ASP.NET para poder comprobar que un
usuario ha escrito la informacin adecuada en un control.
x Enlace de datos a una o varias de las propiedades del control.
x Compatibilidad con estilos si la pgina Web ASP.NET se muestra en un explorador que
admite hojas de estilos en cascada.
x Paso a travs de atributos personalizados. Pueden agregarse los atributos que se
necesiten a un control de servidor HTML: el marco de trabajo de pginas los
representar sin ningn cambio en la funcionalidad. Esto permite agregar atributos
especficos del explorador a los controles.
Controles de Servidor Web

Los controles de servidor Web son un segundo conjunto de controles diseado con otro
enfoque. No se asignan necesariamente uno a uno a controles de servidor HTML. En lugar de
ello, se definen como controles abstractos, en los que el marcado real representado por el
control puede ser muy diferente al modelo con respecto al que se han programado. Por
ejemplo, un control RadioButtonList de servidor Web podra representarse en una tabla o
como un texto en lnea con otro marcado.
Los controles de servidor Web incluyen controles de formulario tradicionales como botones y
cuadros de texto, adems de controles complejos, como, por ejemplo, las tablas. Tambin
incluyen controles que proporcionan funcionalidad de formulario de uso frecuente, como la
presentacin de datos en cuadrcula, la eleccin de fechas, la visualizacin de mens, etc.
Los controles de servidor Web ofrecen todas las funciones descritas anteriormente para los
controles de servidor HTML (excepto la asignacin uno a uno a elementos) y estas funciones
adicionales:
x Un modelo de objetos enriquecido que proporciona capacidades de programacin de
tipo seguro.
x Deteccin automtica del explorador. Los controles pueden detectar las funciones del
explorador y representar el marcado adecuado.
x Para algunos controles, la capacidad para definir su propio diseo para el control
utilizando Templates.
x Para algunos controles, la capacidad de especificar si un evento del control provoca un
envo inmediato al servidor o, en su lugar, se almacena en cach y se activa cuando se
enva la pgina.
x Compatibilidad para temas, lo que le permite definir un aspecto uniforme para los
controles en todo el sitio.
x Capacidad para pasar eventos de un control anidado (como un botn en una tabla) al
control contenedor.
Los controles utilizan una sintaxis como la que se muestra a continuacin:
<asp:button atributos runat="server" id="Button1" />
En este caso los atributos no son los de los elementos HTML. En lugar de ello, son propiedades
del control Web.
Cuando se ejecuta la pgina Web ASP.NET, el control de servidor Web se representa en la
pgina utilizando el marcado apropiado, que con frecuencia no slo depende del tipo de
explorador sino tambin de la configuracin que haya realizado para el control. Por ejemplo,
un control TextBox podra representarse como una etiqueta input o una etiqueta textarea
dependiendo de sus propiedades.
Ciclo de Vida de una pgina web y sus Controles

Cuando se ejecuta una pgina ASP.NET, sta recorre un ciclo de vida en el que realiza una serie
de pasos de procesamiento. Entre ellos se incluyen la inicializacin, la creacin de instancias de
controles, la restauracin y el mantenimiento del estado, la ejecucin del cdigo del
controlador de eventos y la representacin. Es importante que comprenda el ciclo de vida de
la pgina para que pueda escribir cdigo en la fase del ciclo de vida apropiada y conseguir el
efecto deseado. Adems, si crea controles personalizados, debe estar familiarizado con el ciclo
de vida de la pgina para poder inicializarlos, asignar datos de estado de vista a las
propiedades de los controles y ejecutar el cdigo de comportamiento de stos correctamente.
(El ciclo de vida de un control est basado en el ciclo de vida de la pgina, pero sta produce
en un control ms eventos de los que estn disponibles para la pgina ASP.NET por s sola.)
Fase Descripcin
Solicitud de pgina La solicitud de pgina se produce antes de que comience el ciclo de
vida de la pgina. Cuando un usuario solicita la pgina, ASP.NET
determina si sta se debe analizar y compilar (a fin de que comience
el ciclo de vida de la pgina) o si se puede enviar una versin en
cach de la pgina como respuesta sin ejecutar la pgina.
Inicio En el paso de inicio, se establecen las propiedades de la pgina, como
Request y Response. En esta fase, la pgina tambin determina si la
solicitud es una devolucin de datos o una nueva solicitud, y establece
la propiedad IsPostBack. Adems, durante esta fase se establece la
propiedad UICulture de la pgina.
Inicializacin de
pgina
Durante la inicializacin de la pgina, los controles incluidos en ella
estn disponibles y se establece la propiedad UniqueID de cada uno
de ellos. Adems, se aplican los temas correspondientes a la pgina.
Si la solicitud actual es una devolucin de datos, los datos de
devolucin an no se han cargado y los valores de las propiedades del
control no se han restaurado a los valores del estado de vista.
Carga Durante la carga, si la solicitud actual es una devolucin de datos, las
propiedades del control se cargan con informacin recuperada del
estado de vista y del estado del control.
Validacin Durante la validacin, se llama al mtodo Validate de todos los
controles de validacin, que establece la propiedad IsValid de cada
uno de los controles de validacin y de la pgina.
Control de eventos
de devolucin de
datos
Si la solicitud es una devolucin de datos, se llama a los controladores
de eventos.
Representacin Antes de representar los datos, se guarda el estado de vista de la
pgina y de todos los controles. Durante la fase de representacin, la
pgina llama al mtodo Render para cada control, proporcionando un
escritor de texto que escribe su resultado en OutputStream de la
propiedad Response de la pgina.
Descarga Se llama a la descarga cuando la pgina se ha representado
completamente, se ha enviado al cliente y est lista para ser
descartada. Llegado este momento, se descargan las propiedades de
la pgina, como Response y Request, y se llevan a cabo las
operaciones de limpieza correspondientes.
ViewState
Una de las diferencias ms importantes que haba hasta ahora entre la programacin de un
programa para PC y la programacin de una Web, es que en las aplicaciones Web el cliente
realiza una peticin (de una pgina), el servidor ejecuta el cdigo asociado a la peticin y le
devuelve un resultado al cliente. A partir de ese momento, el servidor no tiene consciencia de
cmo est actuando el cliente.
Para explicarlo mejor, veamos un sencillo ejemplo:

paginaEjemplo.aspx
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
paginaEjemplo.aspx.cs
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = TextBox1.Text;
}
En este ejemplo, cuando el cliente hace clic en el Button1, el servidor devolver una pgina en
la que en Label1 estar el texto que haya escrito el cliente en TextBox1... pero sucede algo
ms: en TextBox1 sigue estando el texto que ha escrito el cliente.
Esto, que parece tan normal y que en los programas para PC es tan tpico, esconde una
complejidad muy grande. Pensmoslo bien... el cliente envo los resultados de un formulario
mediante el mtodo POST, el servidor los procesa y devuelve un resultado en forma de HTML,
con los controles en el mismo estado que cuando el cliente hizo el envo, en este caso con el
TextBox1 rellenado...
Ese es el concepto de ViewState: el mantener el estado de los controles de una misma pgina
entre una ida y venida al servidor.
Pero es que ViewState no se queda slo ah. Rellenemos, por ejemplo, tanto el TextBox1 como
el TextBox2, y comprobamos que aunque al TextBox2 no se le hace alusin alguna en nuestro
cdigo, tambin mantiene el mismo estado...
Pero, dnde est el truco? Como ya sabrs, lo nico que no se puede hacer en programacin
es magia. Por ejemplo, chale un vistazo al cdigo fuente de esta pgina (o cualquier otra
pgina ASP.NET), y vers que hay un campo hidden llamado ViewState con un valor
incomprensible y generalmente muy largo (depende de la pgina, de la cantidad de controles
de los que haya que controlar el estado, etc.).
En ese valor tan extrao est almacenado el estado de todos los controles de la pgina (como
imaginars es una codificacin de los valores legibles). Pero el ViewState no slo es eso, el
ViewState permite otras muchsimas cosas, como por ejemplo, averiguar si es la primera vez
que ejecutamos una pgina o la hemos llamado antes ya.
Desde cdigo se puede acceder al ViewState y guardar las variables que quieras en l, incluso
de tipos de datos que te hayas inventado t (siempre que sean Serializables).

Por ejemplo, puedes guardar una variable en ViewState...
ViewState["ejemplo"] = 21;
... y acceder a su valor cuando has hecho clic en tres botones y has hecho un postback con 2
listas desplegables
int i = (int)ViewState["ejemplo"];
Slo tienes que recordar dos cosas bsicas:
1. Hay que parsear el dato al tipo de datos que corresponde cuando leemos el valor del
ViewState (en este caso al tipo integer, pero puede tratarse de cualquier tipo de datos)
2. El ViewState es una variable del mbito de peticin una misma pgina. Es decir, t puedes
trabajar con el ViewState siempre que ests en la misma pgina y siempre que lo nico que
hagas en ella sean postBack. Por ejemplo, el ViewState se reseteara a su valor inicial si
estando en una pgina presionamos el "Go" de nuestra barra de direcciones.
Si lo queremos pensar de otra forma, el ViewState es lo mismo que una variable de Session en
el mbito de una pgina
Eventos de Pgina
Evento de pgina Uso tpico
PreInit Utilice este evento para lo siguiente:
x Examine la propiedad IsPostBack para determinar si es la
primera vez que se procesa la pgina.
x Crear o volver a crear controles dinmicos.
x Establecer una pgina maestra de forma dinmica.
x Establecer la propiedad Theme de forma dinmica.
x Leer o establecer los valores de las propiedades de perfil.
Init Se provoca cuanto todos los controles se han inicializado y se ha
aplicado la configuracin de mscara. Utilice este evento para leer o
inicializar las propiedades del control.
InitComplete Lo provoca el objeto Page. Utilice este evento para tareas de
procesamiento que requieran que todo el proceso de inicializacin
haya finalizado.
PreLoad Utilice este evento si necesita realizar tareas de procesamiento en su
pgina o control antes de que se provoque el evento Load.
Despus de que Page provoca este evento, carga su estado de vista y
el de todos los controles y, despus, procesa todos los datos de
devolucin incluidos con la instancia de Request.
Load Page llama al mtodo del evento OnLoad en Page, realiza la misma
operacin de forma recursiva para cada control secundario, los cuales
realizan la misma operacin para cada uno de sus controles
secundarios hasta que se cargan la pgina y todos los controles.
Utilice el mtodo del evento OnLoad para establecer las propiedades
de los controles y establecer las conexiones a bases de datos.

Eventos de control Utilice estos eventos para controlar eventos de control especficos,
como un evento Click del control Button o un evento TextChanged del
control TextBox.
LoadComplete Utilice este evento para las tareas que requieran que se carguen todos
los dems controles en la pgina.
PreRender Antes de que se produzca este evento:
x El objeto Page llama a EnsureChildControls para cada control y
para la pgina.
x Cada control enlazado a datos cuya propiedad DataSourceID est
establecida llama a su mtodo DataBind. Para obtener ms
informacin, vea Eventos de enlace de datos de controles
enlazados a datos ms adelante.
El evento PreRender se produce para cada control de la pgina.
Utilice el evento para realizar cambios finales en el contenido de la
pgina o en sus controles.
SaveStateComplete Antes de que se produzca este evento, ViewState se ha guardado para
la pgina y para todos los controles. Se omitirn todos los cambios
que se realicen en este momento en la pgina o en los controles.
Utilice este evento para realizar tareas que requieran guardar el
estado de vista, pero que no efecten cambios en los controles.
Render ste no es un evento; en esta fase del procesamiento, el objeto Page
llama a este mtodo en cada control. Todos los controles de servidor
Web de ASP.NET tienen un mtodo Render que escribe el marcado
del control que se enva al explorador.
Si crea un control personalizado, normalmente reemplazar este
mtodo para generar el marcado del control. Sin embargo, si el control
personalizado slo incorpora controles de servidor Web de ASP.NET
estndar y ningn marcado personalizado, no necesita reemplazar el
mtodo Render.
Un control de usuario (un archivo .ascx) incorpora automticamente la
representacin, por lo que no necesita representar explcitamente el
control en el cdigo.
Unload Este evento se produce para cada control y despus para la pgina. En
los controles, utilice este evento para realizar tareas finales de
limpieza en controles especficos, como cerrar las conexiones a bases
de datos especficas del control.
Para la propia pgina, utilice este evento para hacer un ltimo trabajo
de limpieza, como cerrar archivos abiertos y conexiones a bases de
datos, finalizar el registro u otras tareas especficas de la solicitud.
Manejadores de Eventos
La pgina Web y sus controles de servidor tienen un evento predeterminado. Por ejemplo,el
evento por defecto de las pginas web es el de Carga, y el evento por defecto del botn es el
evento Click. En Microsoft Visual Studio 2008, entorno en tiempo de diseo, puede agregar un
mtodo al controlador de eventos para el evento predeterminado simplemente haciendo
doble clic en la superficie del objeto. Un controlador de eventos se crea en el archivo de cdigo
subyacente. Por ejemplo, si hace doble clic en la pgina web, un evento Page_Load mtodo se
crea en la pgina de cdigo subyacente, y puede agregar su cdigo personalizado en este
mtodo.
Controles de Servidor Web o Controles de Servidor HTML?

Las siguientes secciones cubren HTML y controles de servidor Web. Con frecuencia, la cuestin
se plantea: qu debo utilizar? Aqu hay algunas directrices que pueden ayudarle a elegir el
tipo de control adecuado.
Considerar la utilizacin de los controles de servidor HTML cuando tengan lugar cualquiera de
las condiciones siguientes:
Va a migrar las pginas ASP a ASP.NET.
El control necesita javascript del lado del cliente para sus eventos
Creando Controles de Servidor HTML
Para agregar un control de servidor HTML
x Escriba la sintaxis HTML del elemento que desea utilizar como un control. Incluya la
sintaxis HTML normal para el elemento y, adems, haga lo siguiente:
x Establezca el atributo (propiedad) ID del control en un valor nico para esa
pgina, a menos que el control forme parte de un control complejo y se
repetir (como en los controles Repeater, DataList y GridView).
x Establezca el atributo runat="server" para convertir el elemento en control.
El ejemplo siguiente muestra cmo declarar unos controles HtmlInputText, HtmlInputText,
HtmlInputButton y HtmlAnchor:
<input id="Name" type="text" size="40" runat="server" />
<input type="submit" id="Enter" value="Enter" runat="server" />

Click <a id="Anchor1" runat="server" href="more.html">More </a> to see the next page.
Ejemplo
<html>
<head>
<title>Customer Page</title>
</head>
<body>
<form name "Form1" method "post" action "update.asp" id "Form1">
<input type "text" name "CustomerName" id "CustomerName">
<input type "submit" name "SubmitButton" value "Submit" id "SubmitButton">
</form>
</body>
</html>
<html>
<head>
<title>Customer Page</title>
</head>
<body>
<form name "Form1" method "post" id "Form1" runat "server">
<input type "text" name "CustomerName" id "CustomerName" runat "server">
<input type "submit" name "SubmitButton" value "Submit" id "SubmitButton"
runat "server">
</form>
</body>
</html>
En esencia, se observa que se han usado los tpicos controles HTML pero aadindoles
runat="server"
Tambin se puede observar que el atributo de accin fue retirado de la etiqueta del
formulario, porque es la costumbre de enviar los datos de vuelta a la misma pgina.
Los controles HTML tambin los podemos crear desde la barra de herramientas
Propiedad Descripcin
Attributes Una lista de todos los pares de atributos nombre / valor
indicados en la etiqueta del control de servidor. Esto es
accesible a travs de cdigo.
Disabled Desabilita el control
Id Identificador para programacin
Style Propiedades CSS aplicadas al control
TagName Nombre del elemento
Visible Oculta o hace visible al control

<input type "button" id "myButton" runat "server" style "position: absolute; top: 50px;
left: 100px;" value "Click Me" visible "true" />
<input id "Button1" name "myButton" type "button" style "position: absolute; top: 50px;
left: 100px;" value "Click Me" />
Adems de establecer las propiedades de los controles desde cdigo, tambin las podemos
establecer desde la ventana de diseo
Otra posibilidad sera establecer las propiedades programticamente:
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
public partial class Default : System.Web.UI.Page
{
protected void Page Load(object sender, EventArgs e)
{
myButton.Visible true;
myButton.Style.Add("position", "absolute");
myButton.Style.Add("left", "75px");
myButton.Style.Add("top", "150px");
}
}
protected void myButton ServerClick(object sender,System.EventArgs e)

{
DIV1.InnerText Text1.Value;
}
Desventajas de los Controles Web HTML
Hay un par de inconvenientes a la utilizacin de controles de servidor HTML. Una desventaja es
que los controles HTML no tiene un modelo de programacin que sea compatible con Win
Forma de programacin. Por ejemplo, en WinForm programacin, los datos que se teclean en
el cuadro de texto est disponible a travs de la propiedad Text, mientras que el control de
servidor HTML del cuadro de texto se dispone de datos a travs de la propiedad Value.
Otra desventaja de los controles de servidor HTML es que un control de servidor HTML se
mapea directamente a una sola etiqueta HTML.
Controles de Servidor WEB
Los controles de servidor Web ASP.NET son objetos de pginas Web ASP.NET que se ejecutan
cuando se solicita la pgina y representan el formato en un explorador. Muchos controles de
servidor Web son similares a elementos HTML conocidos, como botones y cuadros de texto.
Sin embargo, otros controles abarcan un comportamiento complejo, por ejemplo un control
de calendario o los controles que administran conexiones de datos.
Los temas de esta seccin describen qu son los controles de servidor Web ASP.NET y cmo
trabajar con ellos. La seccin tambin contiene informacin sobre todos los controles de
servidor Web ASP.NET integrados y sobre cmo puede crear sus propios controles.
<asp:textbox attributes runat="server" />
Para aadir controles de servidor web a una pgina web podemos hacerlo de las siguientes
formas:
1. En vista Diseo
2. Con cdigo
3. De forma dinmica va cdigo
protected void Page_Init(object sender,System.EventArgs e)
{
TextBox c = new TextBox();
c.ID = "txtUserName";
c.Visible = true;
form1.Controls.Add(c);
}
Propiedades de los Controles de Servidor Web
Propiedades Descripcin
AccessKey
Tecla de acceso para aadir a [alt]
Attributes Atributos
BackColor Color de Fondo
BorderColor Color del borde
BorderWidth Ancho del borde
BorderStyle Estilo del Borde
CssClass Clase CSS
Style Propiedades de Css
Enabled Activar o desactivar el control

EnableTheming Permitir Temas para el control
EnableViewState Activar View State
Font Fuente
ForeColor Color de la fuente
Height Altura
SkinID Skin a aplicar al control
TabIndex Posicin en el Tab order. Si no tiene establecido valor es un 0
ToolTip Texto de ayuda
Width Anchura
<asp:Button ID "btnWebButton" runat "server" Style "position: absolute; top: 50px;
left: 300px;" Text "WebButton" />
<input id "Submit1" type "submit" name "btnWebButton" value "WebButton" style "position:
absolute;
top: 50px; left: 300px;" />
btnWebButton.Visible true;
btnWebButton.Style.Add("position", "absolute");
btnWebButton.Style.Add("top", "200px");
btnWebButton.Style.Add("left", "350px");
PostBack
En ASP.NET los WebForms estn diseados para enviar informacin hacia al servidor
para su procesamiento. Esa operacin es denominada POSTBACK. El PostBack tiene
lugar cuando el usuario hace click en un control Button o cuando se establece la
propiedad AutoPostBack a true en un control de servidor y se produce algn cambio
en ese control.
Trabajar con nombres de los contenedores y los controles hijos
Una pgina Web se compone de una jerarqua de los controles. la pgina web tiene una
coleccin de controles, cada uno de los controles en esa coleccin tiene su propia coleccin de
controles, y as sucesivamente.
Dentro de un contenedor de controles, cada control debe ser identificable inequivocamente.

Normalmente, esto se logra mediante la asignacin de un valor nico para el control de
servidor en la propiedad ID.

Control c = FindControl("lblMessage");

Control c = GridView1.FindControl("ctl08");
TEST
1. To add an HTML Web server control to the Web page, you must drag an HTML element
from the ToolBox to the Web page and then perform which of the following tasks? (Choose
one.)
A. Right-click the HTML element and click Run=Server.
B. Double-click the HTML element to convert it to an HTML server control.
C. Right-click the HTML element and click Run As Server Control.
D. Click the HTML element and set ServerControl to true in the Properties window.
2. You noticed that clicking a CheckBox does not cause a PostBack; you need the CheckBox to
PostBack so you can update the Web page based on server-side code. How do you make the
CheckBox cause a PostBack? (Choose one.)
A. Set the AutoPostBack property to true.
B. Add JavaScript code to call the ForcePostBack method.
C. Set the PostBackAll property of the Web page to true.
D. Add server-side code to listen for the click event from the client.
3. After writing code to create a new instance of a TextBox server control, what do you need to
do to get the TextBox to display on the Web page? (Choose one.)
A. Call the ShowControl method on the TextBox.
B. Set the VisibleControl to true on the TextBox.
C. Add the TextBox instance to the form1.Controls collection.
D. Execute the AddControl method on the Web page.
AApliica
co
cio
on .
Te
Co
ue
Se
M
ne
.NE
ema
onti
e
eiviu

MC
s
ET
a
ioles
uoi
CTS:
Web
3.5
s
:
b
5
Tema Contioles ue Seiviuoi
Tema Contioles ue Seiviuoi Web
Comunes
Label
Representa un control de etiqueta que muestra texto en una pgina Web. Utilice el control
Label para mostrar texto en una ubicacin establecida de la pgina. A diferencia del texto
esttico, se puede personalizar el texto que se muestra mediante la propiedad Text.
Tambin es posible utilizar los controles Literal y PlaceHolder para mostrar texto en la pgina
de formularios Web Forms. Sin embargo, al contrario de lo que ocurre con el control Label,
estos controles no representan etiquetas adicionales.
<%@ Page Language "C#" AutoEventWireup "True" %>
<!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1 transitional.dtd">
<html >
<head>
<title>Label Example</title>
<script language "C#" runat "server">
void Button Click(Object Sender, EventArgs e)
{
Label1.Text Server.HtmlEncode(Text1.Text);
}
</script>
</head>
<body>
<form id "Form1" runat "server">
<h3>Label Example</h3>
<asp:Label id "Label1"
Text "Label Control"
runat "server"/>
<p>
<asp:TextBox id "Text1"
Text "Copy this text to the label"
Width "200px"
runat "server" />
<asp:Button id "Button1"
Text "Copy"
OnClick "Button Click"
runat "server"/>
</p>
</form>
</body>
</html>
TextBox
Muestra un control de cuadro de texto para la entrada de datos del usuario. El control de
servidor TextBox es un control de entrada que permite al usuario escribir texto. De manera
predeterminada, se establece la propiedad TextMode del control en TextBoxMode.SingleLine,

que muestra un cuadro de texto de una sola lnea. No obstante, tambin puede usar el control
TextBox para mostrar un cuadro de texto multilnea o un cuadro de texto que enmascara los
datos proporcionados por el usuario al cambiar el valor de la propiedad TextMode a
TextBoxMode.MultiLine o TextBoxMode.Password, respectivamente. El texto mostrado en el
control TextBox se especifica o determina con la propiedad Text.
El control TextBox contiene varias propiedades que permiten controlar la apariencia del
control. El ancho de presentacin del cuadro de texto, expresado en caracteres, viene
determinado por la propiedad Columns. Si el control TextBox es un cuadro de texto multilnea,
el nmero de filas que muestra lo determina la propiedad Rows. Para mostrar texto que se
ajusta dentro del control TextBox, establezca la propiedad Wrap en true.
Tambin se puede especificar cmo se incluyen los datos en el control TextBox estableciendo
algunas propiedades. Para impedir que se modifique el texto mostrado en el control,
establezca la propiedad ReadOnly en true. Para limitar los datos proporcionados por el usuario
a un nmero especificado de caracteres, establezca la propiedad MaxLength.
Button
Muestra un control de botn de comando en la pgina Web. Utilice el control Button para
crear un botn de comando en la pgina Web. Se puede crear un botn Enviar o un botn
Comando.
De manera predeterminada, un control Button es un botn Enviar. Un botn Enviar no tiene
asociado un nombre de comando (especificado por la propiedad CommandName) y
simplemente devuelve la pgina Web al servidor. Se puede proporcionar un controlador de
eventos para el evento Click con el fin de controlar mediante programacin las acciones
realizadas cuando se hace clic en el botn Enviar.
Un botn Comando puede tener asociado un nombre de comando, como Sort, mediante el
establecimiento de la propiedad CommandName. Esto permite crear varios controles Button
en una pgina Web y determinar mediante programacin en qu control Button se hace clic.
Tambin se puede usar la propiedad CommandArgument con un botn de comando para
facilitar informacin adicional sobre el comando que se va a ejecutar, como Ascending. Se
puede proporcionar un controlador de eventos para el evento Command con el fin de
controlar mediante programacin las acciones realizadas cuando se hace clic en el botn
Comando.
De manera predeterminada, se realiza la validacin de la pgina cuando se hace clic en un
control Button. La validacin de la pgina determina si todos los controles de entrada
asociados a un control de validacin en la pgina cumplen las reglas de validacin
especificadas por el control de validacin. Para evitar que se realice la validacin de la pgina,
establezca la propiedad CausesValidation en false.
www.uepuianuo.com Su
<html >
<head>
<title>Button Example</title>
void SubmitBtn Click(Object sender, EventArgs e)
{
Message.Text "Hello World!!";
}
</script>
</head>
<body>
<form id "form1" runat "server">
<h3>Button Example</h3>
Click on the submit button.<br /><br />
<asp:Button id "Button1"
Text "Submit"
OnClick "SubmitBtn Click"
runat "server"/>
<br />
<asp:label id "Message" runat "server"/>
</form>
</body>
</html>
CheckBox
Muestra una casilla de verificacin que permite al usuario seleccionar una condicin
true o false. Utilice el control CheckBox para permitir que el usuario seleccione un
estado true o false.
Si piensa utilizar varios controles CheckBox, el control CheckBoxList es un control
alternativo que aporta funciones prcticas de enlace de datos. Sin embargo, los controles
CheckBox individuales permiten un mayor control sobre el diseo.
RadioButton
Representa un control de botn de opcin. El control de servidor RadioButton permite
intercalar botones de opcin en un grupo con otro contenido dentro de la pgina. Los botones
se agrupan de forma lgica si todos ellos comparten la misma propiedad GroupName.
<html >
<head>
<title>RadioButton Example</title>
void SubmitBtn Click(Object Sender, EventArgs e) {
if (Radio1.Checked) {
Label1.Text "You selected " + Radio1.Text;
}
else if (Radio2.Checked) {
}
else if (Radio3.Checked) {
}
}
</script>
</head>
<body>
<h3>RadioButton Example</h3>
<form id "form1" runat "server">
<h4>Select the type of installation you want to perform:</h4>
<asp:RadioButton id "Radio1" Text "Typical" Checked "True"
GroupName "RadioGroup1" runat "server" /><br />
This option installs the features most typically used. <i>Requires 1.2 MB disk
space.</i><br />
<asp:RadioButton id "Radio2" Text "Compact" GroupName "RadioGroup1"
runat "server"/><br />
This option installs the minimum files required to run the product.
<i>Requires 350 KB disk space.</i><br />
<asp:RadioButton id "Radio3" runat "server" Text "Full" GroupName "RadioGroup1"
/><br />
This option installs all features for the product. <i>Requires 4.3 MB disk
space.</i><br />
<asp:button ID "Button1" text "Submit" OnClick "SubmitBtn Click"
runat "server"/>
<asp:Label id "Label1" font bold "true" runat "server" />
</form>
</body>
</html>
1. If you want multiple RadioButton controls to be mutually exclusive, what property must you set? (Choose one.)
A. Exclusive
B. MutuallyExclusive
C. Grouped
D. GroupName
2. You are creating a Web page that has several related buttons, such as fast forward, reverse, play, stop, and pause.
You want to create a single event handler that processes the PostBack from these Button controls. Other than the
normal Submit button, what type of button can you create as a solution? (Choose one.)
A. OneToMany
B. Command
C. Reset
D. ManyToOne
3. When in Design view, what is the simplest way to create an event handler for the default event of a server control?
(Choose one.)
A. Open the code behind page and write the code.
B. Right click the control and select Create Handler.
C. Drag an event handler from the ToolBox to the desired control.
D. Double click the control.

Ejemplo 1
<%@ Page Language "C#" AutoEventWireup "true" CodeFile "Default.aspx.cs"
Inherits " Default" %>
<html xmlns "http://www.w3.org/1999/xhtml" >
<head runat "server">
<title>Untitled Page</title>
</head>
<body>
<form id "form1" runat "server" >
<div>
<div>
<asp:Label ID "Label1" runat "server" Style "z index: 100; left: 95px;
position: absolute;
top: 30px" Text "MyLabel" Width "65px"></asp:Label>
<asp:TextBox ID "TextBox1" runat "server" Style "z index: 101; left: 95px;
position: absolute;
top: 55px"></asp:TextBox>
<asp:Button ID "Button1" runat "server" OnClick "Button1 Click" Style "z
index: 102;
left: 95px; position: absolute; top: 85px" Text "MyButton" />
<asp:CheckBox ID "CheckBox1" runat "server"
OnCheckedChanged "CheckBox1 CheckedChanged"
Style "z index: 103; left: 95px; position: absolute; top: 115px"
Text "MyCheckBox" />
<asp:RadioButton ID "RadioButton1" runat "server"
OnCheckedChanged "RadioChanged"
Text "MyRadioButton1" />
</div>
</div>
</form>
</body>
</html>
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class Default : System.Web.UI.Page
{
protected void Page Load(object sender, EventArgs e)
{
System.Diagnostics.Debug.WriteLine("Page Load");
}
protected void Page Init(object sender, EventArgs e)
{
System.Diagnostics.Debug.WriteLine("Page Init");
}
protected void Page PreRender(object sender, EventArgs e)
{
System.Diagnostics.Debug.WriteLine("Page PreRender");
}
protected void Page PreInit(object sender, EventArgs e)
{
System.Diagnostics.Debug.WriteLine("Page PreInit");
}
protected void Page Unload(object sender, EventArgs e)
{
System.Diagnostics.Debug.WriteLine("Page Unload");
}
protected void Button1 Click(object sender, EventArgs e)
{
Label1.Text Server.HtmlEncode(TextBox1.Text);
}
protected void CheckBox1 CheckedChanged(object sender, EventArgs e)
{
if (CheckBox1.Checked)
{
CheckBox1.Text DateTime.Now.ToString();
}
}
protected void RadioChanged(object sender, EventArgs e)
{
RadioButton r (RadioButton)sender;
TextBox1.Text r.Text;
}
}
Ejemplo 2
<%@ Page Language="C#"%>
<html>
<head>
<link rel "stylesheet"href "intro.css">
</head>
<body>
<center>
<form action "intro2 cs.aspx" method "post">
<h3> Name: <input id "Name" type text>
Category: <select id "Category" size 1>
<option>psychology</option>
<option>business</option>
<option>popular comp</option>
</select>
</h3>
<input type submit value "Lookup">
<p>
<% for (int i 0; i <8; i++) { %>
<font size "<% i%>"> Welcome to ASP.NET </font> <br>
<% }%>
</form>
</center>
</body>
</html>
Ejemplo 3
<%@ Page Language="C#" %>
<html>
<head>
</head>
<body>
<center>
<form action "intro3 cs.aspx">
<h3> Name: <input name "Name" type text
value "<% HttpUtility.HtmlEncode(Request.QueryString["Name"])%>">
Category: <select name "Category" size 1>
<%
String [] values { "psychology", "business",
"popular comp" };
for (int i 0; i<values.Length; i++) {
%>
<option <% if (Request.QueryString["Category"]
values[i]) { Response.Write("selected"); } %>>
<% values[i]%>
</option>
<% } %>
</select>
</h3>
<input type submit name "Lookup" value "Lookup">
<p>
<% if (Request.QueryString["Lookup"] ! null) { %>
Hi <% HttpUtility.HtmlEncode(Request.QueryString["Name"]) %>, you
selected: <% HttpUtility.HtmlEncode(Request.QueryString["Category"]) %>
<% } %>
</form>
</center>
</body>
</html>
Ejemplo 4
<html>
<head>
</head>
<body>
<center>
<form action "intro4 cs.aspx" method "post" runat server>
<h3> Name: <asp:textbox id="Name" runat="server"/>
Category: <asp:dropdownlist id="Category" runat=server>
<asp:listitem>psychology</asp:listitem>
<asp:listitem>business</asp:listitem>
<asp:listitem>popular comp</asp:listitem>
</asp:dropdownlist>
</h3>
<asp:button text="Lookup" runat="server"/>
</form>
</center>
</body>
</html>
Ejemplo 5
<html>
<head>
</head>
<script language "C#" runat server>
void SubmitBtn Click(Object sender, EventArgs e) {
Message.Text "Hi " + HttpUtility.HtmlEncode(Name.Text) + ", you selected: "
+ Category.SelectedItem;
}
</script>
<body>
<center>
<form action "intro6 cs.aspx" method "post" runat "server">
<asp:adrotator AdvertisementFile="ads.xml" BorderColor="black" BorderWidth=1
runat="server"/>
<h3> Name: <asp:textbox id="Name" runat="server"/>
Category: <asp:dropdownlist id="Category" runat=server>
<asp:listitem>psychology</asp:listitem>
<asp:listitem>business</asp:listitem>
<asp:listitem>popular comp</asp:listitem>
</asp:dropdownlist>
</h3>
<asp:button text="Lookup" OnClick="SubmitBtn Click" runat="server"/>
<p>
<asp:label id="Message" runat="server"/>
</form>
</center>
</body>
</html>
Ejemplo 6
<html>
void Page Load(Object Src, EventArgs E) {
Message.Text "You last accessed this page at: " + DateTime.Now;
}
</script>
<body>
<h3><font face "Verdana">Manipulating Server Controls</font></h3>
This sample demonstrates how to manipulate the <asp:label> server control
within
the Page Load event to output the current time.
<p>
<hr>
<asp:label id="Message" font-size="24" font-bold="true" runat=server/>
</body>
</html>
Ejemplo 7
<html>
void EnterBtn Click(Object Src, EventArgs E) {
Message.Text "Hi " + Name.Text + ", welcome to ASP.NET!";
}
</script>
<body>
<h3><font face "Verdana">Handling Control Action Events</font></h3>
<p>
This sample demonstrates how to access a <asp:textbox> server control
within the "Click"
event of a <asp:button>, and use its content to modify the text of a
<asp:label>.
<p>
<hr>
<form action "controls3.aspx" runat server>
<font face "Verdana">
Please enter your name: <asp:textbox id="Name" runat=server/>
<asp:button text="Enter" Onclick="EnterBtn Click"
runat=server/>
<p>
<asp:label id="Message" runat=server/>
</font>
</form>
</body>
</html>
Ejemplo 8
<html>
void AddBtn Click(Object Src, EventArgs E) {
if (AvailableFonts.SelectedIndex ! 1) {
InstalledFonts.Items.Add(new
ListItem(AvailableFonts.SelectedItem.Value));
AvailableFonts.Items.Remove(AvailableFonts.SelectedItem.Value);
}
}
void AddAllBtn Click(Object Src, EventArgs E) {
while (AvailableFonts.Items.Count ! 0) {
InstalledFonts.Items.Add(new ListItem(AvailableFonts.Items[0].Value));
AvailableFonts.Items.Remove(AvailableFonts.Items[0].Value);
}
}
void RemoveBtn Click(Object Src, EventArgs E) {
if (InstalledFonts.SelectedIndex ! 1) {
AvailableFonts.Items.Add(new
ListItem(InstalledFonts.SelectedItem.Value));
InstalledFonts.Items.Remove(InstalledFonts.SelectedItem.Value);
}
}
void RemoveAllBtn Click(Object Src, EventArgs E) {
while (InstalledFonts.Items.Count ! 0) {
AvailableFonts.Items.Add(new ListItem(InstalledFonts.Items[0].Value));
InstalledFonts.Items.Remove(InstalledFonts.Items[0].Value);
}
}
</script>
<body>
<h3><font face "Verdana">Handling Multiple Control Action Events</font></h3>
<p>
This sample demonstrates how to handle multiple control action events raised from
different <asp:button> controls.
<p>
<hr>
<table>
<tr>
<td>
Available Fonts
</td>
<td>
<! Filler >

</td>
<td>
Installed Fonts
</td>
</tr>
<tr>
<td>
<asp:listbox id="AvailableFonts" width="100px" runat=server>
<asp:listitem>Roman</asp:listitem>
<asp:listitem>Arial Black</asp:listitem>
<asp:listitem>Garamond</asp:listitem>
<asp:listitem>Somona</asp:listitem>
<asp:listitem>Symbol</asp:listitem>
</asp:listbox>
</td>
<td>
<! Filler >
</td>
<td>
<asp:listbox id="InstalledFonts" width="100px" runat=server>
<asp:listitem>Times</asp:listitem>
<asp:listitem>Helvetica</asp:listitem>
<asp:listitem>Arial</asp:listitem>
</asp:listbox>
</td>
</tr>
<tr>
<td>
<! Filler >
</td>
<td>
<asp:button text="<<" OnClick="RemoveAllBtn Click" runat=server/>
<asp:button text="<" OnClick="RemoveBtn Click" runat=server/>
<asp:button text=">" OnClick="AddBtn Click" runat=server/>
<asp:button text=">>" OnClick="AddAllBtn Click" runat=server/>
</td>
<td>
<! Filler >
</td>
</tr>
</table>
</form>
</body>
</html>
Ejemplo 9
Controls 5.cs
<html>
void Page Load(Object Src, EventArgs E) {
Random randomGenerator new Random(DateTime.Now.Millisecond);
int randomNum randomGenerator.Next(0, 3);
switch(randomNum) {
case 0:
Name.Text "Scott";
break;
case 1:
Name.Text "Fred";
break;
case 2:
Name.Text "Adam";
break;
}
AnchorLink.NavigateUrl "controls navigationtarget cs.aspx?name " +
System.Web.HttpUtility.UrlEncode(Name.Text);
}
</script>
<body>
<h3><font face "Verdana">Performing Page Navigation (Scenario 1)</font></h3>
<p>
This sample demonstrates how to generate a HTML Anchor tag that will cause the
client to
navigate to a new page when he/she clicks it within the browser.
<p>
<hr>
<p>
<asp:hyperlink id="AnchorLink" font-size=24 runat=server>
Hi <asp:label id="Name" runat=server/> please click this link!
</asp:hyperlink>
</body>
</html>
Controls NavigationTarget cs.aspx
<html>
void Page Load(Object Sender, EventArgs e) {
if (!Page.IsPostBack) {
NameLabel.Text Server.HtmlEncode(Request.QueryString["Name"]);
}
}
</script>
<body>
<h3><font face "Verdana">Handling Page Navigation</font></h3>
<p>
This sample demonstrates how to receive a navigation request from another
page, and extract the querystring argument within the Page Load event.
<p>
<hr>
<form action "controls NavigationTarget.aspx" runat server>
Hi <asp:label id="NameLabel" runat=server/>!
</font>
</form>
</body>
</html>
Ejemplo 10
Controls6 cs.aspx
<html>
void EnterBtn Click(Object Src, EventArgs E) {
// Navigate to a new page (passing name as a querystring argument) if
// user has entered a valid name value in the <asp:textbox>
if (Name.Text ! "") {
Response.Redirect("Controls NavigationTarget cs.aspx?name " +
System.Web.HttpUtility.UrlEncode(Name.Text));
}
else {
Message.Text "Hey! Please enter your name in the textbox!";
}
}
</script>
<body>
<h3><font face "Verdana">Performing Page Navigation (Scenario 2)</font></h3>
<p>
This sample demonstrates how to navigate to a new page from within a
<asp:button> click event,
passing a <asp:textbox> value as a querystring argument (validating first
that the a legal
textbox value has been specified).
<p>
<hr>
Please enter your name: <asp:textbox id="Name" runat=server/>
<asp:button text="Enter" Onclick="EnterBtn Click"
runat=server/>
<p>
<asp:label id="Message" forecolor="red" font-bold="true" runat=server/>
</font>
</form>
</body>
</html>
Controls NavigationTarget cs.aspx
<html>
void Page Load(Object Sender, EventArgs e) {
if (!Page.IsPostBack) {
NameLabel.Text Server.HtmlEncode(Request.QueryString["Name"]);
}
}
</script>
<body>
<h3><font face "Verdana">Handling Page Navigation</font></h3>

<p>
This sample demonstrates how to receive a navigation request from another
page, and extract the querystring argument within the Page Load event.
<p>
<hr>
<form action "controls NavigationTarget.aspx" runat server>
Hi <asp:label id="NameLabel" runat=server/>!
</font>
</form>
</body>
</html>
Ejemplo 11
<%@ page language="C#" %>
<script runat "server">
void Button1 Click(object sender, EventArgs e)
{
Label1.Text "Hello " + TextBox1.Text;
}
</script>
<html>
<head>
<title>ASP.NET Inline Pages</title>
</head>
<body>
<h1>Welcome to ASP.NET 2.0!</h1>
<b>Enter Your Name:</b>
<asp:TextBox ID="TextBox1" Runat="server"/>
<asp:Button ID="Button1" Text="Click Me" OnClick="Button1 Click" Runat="server"/>
<br />
<br />
<asp:Label ID="Label1" Text="Hello" Runat="server" />
</form>
</body>
</html>
Ejemplo 11
CodeBehind cs.aspx
<%@ page language="C#" CodeFile="CodeBehind cs.aspx.cs" Inherits="CodeBehind cs aspx" %>
<html>
<head>
<title>ASP.NET CodeBehind Pages</title>
</head>
<body>
<form runat "server">
<br />
<br />

</form>
</body>
</html>
CodeBehind cs.aspx.cs
using System;
public partial class CodeBehind cs aspx : System.Web.UI.Page
{
protected void Button1 Click(object sender, EventArgs e)
{
Label1.Text "Hello " + TextBox1.Text;
}
}
Ejemplo 12
CodeFolder cs.aspx
<%@ page language="C#" %>
<script runat "server">
void Button1 Click(object sender, EventArgs e)
{
CustomClass c new CustomClass();
Label1.Text c.GetMessage(TextBox1.Text);
}
</script>
<html>
<head>
<title>ASP.NET Inline Pages</title>
</head>
<body>
<br />
<br />
</form>
</body>
</html>
CustomClass.cs (AppCode)
using System;
public class CustomClass
{
public String GetMessage(String input) {
return "Hello " + input;
}
}
Ejemplo 13
<%@ Page Language="C#" %>
<html>
<body>
<% for (int i 0; i<8; i++) { %>
<font size "<% i%>"> Hello World! </font> <br>
<% } %>
</body>
</html>
Ejemplo 14
<html>
int subtract(int num1, int num2) {
return num1 num2;
}
</script>
<body>
<%
int number 100;
while (number > 0) {
Response.Write("Value: " + number + "<br>");
number subtract(number, 1);
}
%>
</body>
</html>
Ejemplo 15
<html>
void Page Load(Object sender, EventArgs e) {
Message.Text "Welcome to ASP.NET";
}
</script>
<body>
<asp:label id="Message" font-size=24 runat=server/>
</body>
</html>
Ejemplo 16
<html>
Message.InnerHtml "Welcome to ASP.NET";
}
</script>
<body>
<span id "Message" style "font size:24" runat server/>
</body>
</html>
Ejemplo 17
<html>
ArrayList items new ArrayList();
items.Add("One");
items.Add("Two");
items.Add("Three");
MyList.DataSource items;
MyList.DataBind();
}
</script>
<body>
<asp:datalist id="MyList" runat=server>
<ItemTemplate>
Here is a value: <%# Container.DataItem %>
</ItemTemplate>
</asp:datalist>
</body>
</html>
Ejemplo 18
<%@ Page Language "C#"%>
<html>
<body>
The below content has been hidden from browser clients using a server side comment
(view the .aspx source to see what we mean : )
<%
<asp:calendar id "MyCal" runat server/>
<% for (int i 0; i<45; i++) { %>
Hello World <br>
<% } %>
%>
</body>
</html>
Ejemplo 19
<html>
<body>
<! #Include File "Header.inc" >
<br/>
<h3> Main page content </h3>
<br/>
<! #Include File "Footer.inc" >
</body>
</html>
AApliicac
co
Te
Co
Sei
Esp
cio
on .
ma
ntio
iviu
peci

M
ne
.NE
oles
uoi
ializ
MC
s
ET 3
s ue
zauo
CTS:
Web
3.5
os
:
b
5
Te
Es
Lite
Reser
Syste
most
contr
progr
<%@ P
<!DOC
"
<html
<head
<
<scri
</
</hea
<body
<f
</
</bod
</htm
ema
specia
eral
rva una ubic
em.Web.UI.W
rar texto. El
rol Literal no
ramacin el t
Page Languag
CTYPE html P
"http://www.
l >
d>
<title>Liter
ipt runat "s
void Butto
{
Literal
}
/script>
ad>
y>
form id "for
<h3>Litera
<asp:Liter
Text
runat
<br /><br
<asp:Butto
Text
OnCli
runat
/form>
dy>
ml>
C
alizau
acin en la p
WebControls
control Liter
o permite apl
texto mostra
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
ral Example<
erver">
onClick(Obje
1.Text "Wel
rm1" runat "
al Example</
ral id "Lite
"Hello Worl
t "server"/>
/>
on id "Butto
"Change Lit
ck "ButtonC
t "server"/>
Te
ontio
uos
pgina Web p
s.Literal para
ral es similar
licar un estilo
ado en el con
EventWireup
3C//DTD XHTM
html1/DTD/xh
/title>
ct sender, E
come to ASP
server">
h3>
ral1"
d!!"
n1"
eral Text"
lick"
ema C
oles u
para mostrar
a reservar un
r al control La
o al texto mo
ntrol, estable
"True" %>
ML 1.0 Trans
html1 transi
EventArgs e)
.NET!!";
Contioles
ue Sei
r texto estt
na ubicacin
abel, except
ostrado. Se p
eciendo la pr
sitional//EN
itional.dtd"
)
ue Seiviu
iviuo
ico. Utilice e
en la pgina
o por el hech
puede contro
ropiedad Tex
N"
">
uoi Espec
oi
el control
a Web para
ho de que el
olar mediant
xt.
cializauos
te
s
La pr
se rep
Utilic
contr
Litera
Valor
Pass
Enco
Tran
Si esp
explo
conti
comp
Si esp
en HT
conti
o exp
Si esp
del ti
dispo
mism
elem
Cuan
XHTM
marc
Text
ejem
opiedad Lite
presenta el c
ce la propied
rol Literal. Es
alMode. En l
r D
sThrough N
ode E
sform L
c
q
pecifica Pass
orador sin nin
ene una etiq
patible.
pecifica Enco
TML antes de
ene una etiq
plorador.
pecifica Tran
po de marca
ositivo o expl
mo comporta
entos de la p
do se repres
ML, como WM
ado no comp
no admitido
plo, si la pro
eral.Mode Ob
contenido de
ad Mode pa
sta propieda
la siguiente t
Descripcin
No se modific
El contenido
Los elemento
contenido de
que admite H
sThrough, el
nguna modif
queta <hr>, s
ode, el conte
e representa
queta <hr>, p
nsform, el co
ado que se va
lorador que
miento que
propiedad Te
senta el cont
ML o cHTML
patibles. En e
s en el lengu
opiedad Text
Te
btiene o esta
el control Lit
ra especifica
d se establec
tabla se enum
ca el contenid
del control se
os del lenguaj
l control. Si e
HTML o XHTM
contenido co
ficacin. Por
se enva a tod
enido de la p
arse. Por ejem
primero se co
mportamien
a a represen
admite HTM
al especifica
ext se repres
trol Literal pa
L, puede utili
este caso, lo
uaje de marc
de un contr
ema C
ablece un va
eral.
ar cmo se d
ce mediante
meran los po
do del contro
e convierte e
je de marcad
el control Lite
ML, no se mod
ompleto de
ejemplo, si l
dos los dispo
ropiedad Tex
mplo, si la pr
onvierte en &
nto de repres
tar. Cuando
ML o XHTML,
ar PassThroug
sentan para e
ara un lengu
zar el valor T
os elementos
cado de dest
ol Literal con
Contioles
lor de enum
ebe represe
e uno de los v
osibles valore
ol.
en una caden
do no compat
eral se repre
difica el conte
la propiedad
la propiedad
ositivos y exp
xt se convier
ropiedad Tex
<Hr> y
sentacin de
se represen
al especifica
gh. Todas las
el explorado
aje de marca
Transform pa
s de lenguaje
ino no se rep
ntiene una e
ue Seiviu
eracin que
ntar el conte
valores de en
es.
a codificada e
tibles se quita
esenta en un
enido de cont
d Text se pas
d Text de un
ploradores y
rte en una ca
xt de un con
luego se env
e la propieda
ta el control
r Transform,
s etiquetas d
or que realiz
ado distinto
ara quitar lo
e de marcado
presentan pa
etiqueta <hr>
uoi Espec
especifica c
enido de un
numeracin
en HTML.
an del
explorador
trol.
a al dispositi
control Liter
a sea o no
adena codific
trol Literal
va al disposi
ad Text depe
Literal para
, se genera e
de marcado y
la solicitud
de HTML o
s elementos
o de la propi
ara el contro
>, se quita la
cializauos
mo
ivo o
ral
cada
itivo
nde
un
el
y
.
de
edad
ol. Por
s
etiqu
comp
o exp
etiqu
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
}
<asp:L
<br />
<asp:L
El re
<span
<br />
Que la
eta antes de
patible contie
plorador. Por
etas <XYZ> y
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
Literal1
@"This i
Literal2
@"This i
Literal3
@"This i
Literal1
Literal2
Literal3
}
Label ID="lblEj
>
Literal ID="ltl
esultado es:
ID=lblEjemplo
>
a Fuerza te aco
e que se env
ene contenid
r ejemplo, si
y </XYZ> se q
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class Litera
oid Page Loa
.Text
s <font siz
.Text
s <font siz
.Text
s <font siz
.Mode Lit
.Mode Lit
.Mode Lit
emplo" runat="
lEjemplo" runat
o">Que la Fuerz
ompae.
Te
e el conteni
do, slo se q
la propiedad
quitan, y el t
rols;
rols.WebPart
trols;
lControl : S
d(object sen
e 7>cool</fo
e 7>cool</fo
e 7>cool</fo
eralMode.Tra
eralMode.Pas
eralMode.Enc
"server" Text="
t="server" Text
za te acompae.
ema C
do a un disp
uita la etiqu
d Text contie
exto "Test" s
ts;
System.Web.U
nder, EventA
ont><script>
ont><script>
ont><script>
ansform;
ssThrough;
code;
"Que la Fuerza
t="Que la Fuerz
</span>
Contioles
ositivo WML
eta, y se env
ene el conten
se enva al di
UI.Page
Args e)
>alert(""Hi"
>alert(""Hi"
>alert(""Hi"
te acompae.">
za te acompae.
ue Seiviu
L. Si una etiq
va al conten
nido <XYZ>T
ispositivo o e
"");</script
"");</script
"");</script
></asp:Label>
"></asp:Litera
uoi Espec
ueta no
ido al dispos
est</XYZ>, la
explorador.
t>";
t>";
t>";
al>
cializauos
sitivo
as
s
Con
Tab
Mues
espec
dise
Table
conte
Es im
tabla
filas y
Para
devo
utiliza
todo
contr
<%@ P
<!DOC
"
<html
<head
<
</hea
<body
<
<
<
<
ntroles Ta
le
stra una tabl
cificar sus ca
o proporcio
e slo se pon
enido dinm
mportante rec
mediante p
y las celdas d
almacenar lo
lucin de da
ar un contro
ello es que l
roles.
Page Languag
CTYPE html P
"http://www.
l >
d id "Head1"
<title>Untit
ad>
y>
<form id "fo
<div>
<h3>Table ex
<asp:Table i
able, Tab
a en una pg
aractersticas
nando conte
ne de manifie
ico.
cordar que c
rogramacin
de la tabla so
os cambios e
tos. De hech
l DataList, D
a clase Table
ge "C#" %>
PUBLIC " //W
w3.org/TR/x
runat "serv
tled Page</t
orm1" runat
xample, cons
d "Table1"
Te
bleRowy
gina Web. El
s de una form
enido esttic
esto cuando
cualquier mo
n no se conse
on en s mism
en la tabla, se
ho, si se prev
ataGrid o Gr
e suelen utili
3C//DTD XHTM
html1/DTD/xh
ver">
itle>
"server">
tructed at d
runat "serve
ema C
TableCe
control Tab
ma sencilla. L
co, pero la po
la tabla se c
odificacin o
ervar en los
mas controle
e deben reco
vn modifica
ridView en lu
izarla princip
ML 1.0 Trans
html1 transi
design time<
er"
Contioles
ell
le permite c
Las tablas se
otencia de un
rea mediant
adicin reali
s envos al se
s y no propie
onstruir las f
ciones susta
ugar del cont
palmente los
sitional//EN
itional.dtd"
</h3>
ue Seiviu
onstruir una
pueden crea
n control de
te programac
izada en las f
ervidor. Esto
edades del c
filas y celdas
nciales, se re
trol Table. La
s desarrollad
N"
">
uoi Espec
a tabla HTML
ar en tiempo
servidor We
cin con
filas o celdas
se debe a q
ontrol Table
despus de
ecomienda
a consecuenc
ores de
cializauos
L y
o de
eb
s de la
ue las
e.
cada
cia de
s
<
<
<
</bod
</htm
En el
progr
lugar
celda
Contr
fila d
Table
Repit
<%@ P
<!DOC
<scri
p
{
}
</scr
<html
<head
<
</hea
<body
<
<
<
<
CellPadd
GridLine
Horizont
<asp:Tab
<asp
</as
<asp
</as
</asp:Ta
<asp:Tab
<asp
</as
<asp
</as
</asp:Ta
</asp:Table>
</div>
</form>
dy>
ml>
siguiente eje
ramacin. La
, crear los ob
as se agrega e
rol.Controls
e la tabla. Ag
eRow. Por l
ta este proce
Page Languag
CTYPE html P
"http://www
ipt runat "s
private void
{
// Gener
int numr
int numc
for (int
{
Tabl
for
}
Tabl
}
}
ript>
l >
d id "Head1"
<title>Untit
ad>
y>
<form id "fo
<div>
<h3>Table Ex
<asp:Table i
ding "10"
es "Both"
talAlign "Ce
bleRow>
p:TableCell>
Row 0, Col
p:TableCell
p:TableCell>
Row 0, Col
p:TableCell
ableRow>
bleRow>
p:TableCell>
Row 1, Col
p:TableCell
p:TableCell>
Row 1, Col
p:TableCell
ableRow>
>
emplo de c
a creacin de
bjetos TableC
estableciend
de TableCell
gregue los ob
timo, agregu
eso para cada
ge "C#" %>
PUBLIC " //W
w.w3.org/TR/
erver">
d Page Load(
rate rows an
rows 3;
cells 2;
t j 0; j <
eRow r new
(int i 0;
TableCell c
c.Controls.A
+ j.ToS
r.Cells.Add
e1.Rows.Add
runat "serv
tled Page</t
orm1" runat
xample, cons
d "Table1"
Te
nter">
0
>
1
>
0
>
1
>
digo se mue
e una tabla d
Cell que repr
do la propied
l. A continua
bjetos Table
ue el control
a fila de la ta
3C//DTD XHTM
xhtml1/DTD/x
Object sende
d cells.
numrows; j+
w TableRow()
i < numcell
new Table
Add(new Lite
tring() + ",
(c);
(r);
ver">
itle>
"server">
tructed prog
ema C
estra cmo co
e forma din
resenten las
dad Text o ag
acin, cree u
Cell creados
TableRow a
abla.
ML 1.0 Trans
xhtml1 trans
er, EventArg
++)
);
ls; i++) {
eCell();
eralControl
, cell " + i
grammaticall
Contioles
onstruir una
mica consta
celdas de un
gregando con
n control Tab
s anteriorme
a la coleccin
sitional//EN
sitional.dtd
gs e)
("row "
i.ToString()
ly</h3>
ue Seiviu
tabla media
a de tres pas
na fila. El con
ntroles a la c
bleRow que
nte a la cole
n Rows del co
N"
d">
));
uoi Espec
ante
sos. En prime
ntenido de la
coleccin
represente u
ccin Cells d
ontrol Table
cializauos
er
as
una
de
.
s
<
<
</bod
</htm
Tab
Repre
Table
Esta c
conte
Horiz
Las ce
La co
Tab
Repre
contr
de la
La cla
del co
Horiz
conte
Se pu
contr
contr
<html
<head
GridLine
Horizont
Font Nam
Font Siz
CellPadd
CellSpac
Runat "s
</div>
</form>
dy>
ml>
leRow
esenta una f
e.
clase permit
enido de la fi
zontalAlign y
eldas de la fi
leccin Cells
leCell
esenta una c
rol Table. Se
celda.
ase TableCel
ontenido de
zontalAlign y
enido de la c
uede especifi
rol Table, qu
rolan cunta
l>
d>
es "Both"
talAlign "Ce
mes "Verdana
e "8pt"
ding "15"
cing "0"
erver"/>
fila de un con
e controlar c
ila se especif
VerticalAlig
ila pueden ad
s es una cole
celda en un c
puede utiliz
l permite co
la celda se e
VerticalAlig
elda se ajust
icar asimism
e ocupa una
s filas y colu
Te
nter"
"
ntrol Table. L
cmo se mue
fica mediant
n.
dministrarse
ccin de obj
control Table
ar la propied
ntrolar cmo
especifica me
n. Se puede
ta dentro de
o el nmero
a celda indivi
mnas se utili
ema C
La clase Tabl
estra el cont
e el establec
e mediante p
etos TableCe
e. La clase Ta
dad Text par
o se muestra
ediante el es
utilizar la pr
la misma.
o de filas o co
dual. Las pro
izan, respect
Contioles
eRow repres
enido de la f
cimiento de l
programacin
ell que repre
ableCell repr
a especificar
a el contenid
stablecimient
opiedad Wra
olumnas de l
opiedades Ro
tivamente.
ue Seiviu
senta una fil
fila. La alinea
las propieda
n utilizando
esentan las c
esenta una c
r o determin
do de la celda
to de las pro
ap para espe
a tabla, repr
owSpan y Co
uoi Espec
a de un cont
acin del
des
la coleccin
eldas de la f
celda en un
ar el conteni
a. La alineaci
opiedades
ecificar si el
resentada po
olumnSpan
cializauos
trol
Cells.
ila.
ido
in
or un
s
<
+ i.T
<
</hea
<body
<
<
CellS
<
</bod
</htm
Ima
Mues
<script lang
void Pag
// G
int
int
for
ToString()))
}
}
</script>
ad>
y>
<h3><font fa
<form runat
<asp:Tab
Spacing=0 Bo
<p>
Table ro
<asp:Dro
<asp
<asp
<asp
<asp
</asp:Dr
<br>
Table ce
<asp:Dro
<asp
<asp
<asp
<asp
</asp:Dr
<p>
<asp:but
</form>
dy>
ml>
age
stra una ima
guage "C#" r
ge Load(Obje
Generate row
numrows i
numcells
(int j 0; j
TableRow r
for (int i
TableCe
c.Contr
;
r.Cells
}
Table1.Rows
ace "Verdana
server>
ble id="Table
orderColor="b
ows:
opDownList id
p:ListItem V
p:ListItem V
p:ListItem V
p:ListItem V
ropDownList>
ells:
opDownList id
p:ListItem V
p:ListItem V
p:ListItem V
p:ListItem V
ropDownList>
tton Text="Ge
gen en una p
Te
unat "server
ct sender, E
s and cells
nt.Parse(Dro
int.Parse(Dr
<numrows; j+
new TableR
0; i<numcell
ll c new T
ols.Add(new
.Add(c);
.Add(r);
">Table Exam
e1" Font-Nam
black" Borde
d=DropDown1
alue="1">1</
alue="2">2</
alue="3">3</
alue="4">4</
d=DropDown2
alue="1">1</
alue="2">2</
alue="3">3</
alue="4">4</
enerate Tabl
pgina Web.
ema C
r">
EventArgs e)
opDown1.Sele
ropDown2.Sel
++) {
Row();
ls; i++) {
TableCell();
LiteralCont
mple</font><
mes="Verdana
erWidth="1"
runat="serv
/asp:ListIte
/asp:ListIte
/asp:ListIte
/asp:ListIte
runat="serv
/asp:ListIte
/asp:ListIte
/asp:ListIte
/asp:ListIte
le" runat=se
Contioles
) {
ectedItem.Va
lectedItem.V
;
trol("row "
</h3>
a" Font-Size
Gridlines="
ver">
em>
em>
em>
em>
ver">
em>
em>
em>
em>
erver/>
ue Seiviu
alue);
Value);
+ j.ToStrin
e="8pt" Cell
"Both" runat
uoi Espec
ng() + ", ce
lPadding=5
t="server"/>
cializauos
ll "
s
Utilic
realiz
mues
lugar
alinea
estab
<%@ P
<!DOC
"
<html
<head
<
<scri
ce el control
za la solicitud
stra, establez
de la image
acin de la im
bleciendo la p
Page Languag
CTYPE html P
"http://www.
l >
d>
<title>Image
ipt language
void Butto
{
switch(
{
case
I
b
case
I
b
case
I
b
case
I
b
case
I
b
case
I
b
Image para
d en la pgin
zca la propie
n cuando s
magen con r
propiedad Im
ge "C#" %>
PUBLIC " //W
w3.org/TR/x
e Example</t
e "C#" runat
on Click(Obj
DropList1.S
e 0:
mage1.ImageA
break;
e 1:
mage1.ImageA
break;
e 2:
mage1.ImageA
break;
e 3:
mage1.ImageA
break;
e 4:
mage1.ImageA
break;
e 5:
mage1.ImageA
break;
Te
mostrar cual
a Web. Para
edad ImageU
ta no est di
respecto a lo
mageAlign.
3C//DTD XHTM
html1/DTD/xh
itle>
"server">
ect sender,
electedIndex
Align Imag
Align Imag
Align Imag
Align Imag
Align Imag
Align Imag
ema C
lquier image
a especificar
Url. Para espe
isponible, es
s dems elem
ML 1.0 Trans
html1 transi
EventArgs e
x)
geAlign.NotS
geAlign.Left
geAlign.Righ
geAlign.Base
geAlign.Top;
geAlign.Midd
Contioles
en vlida adm
la ruta de ac
ecificar el tex
tablezca la p
mentos de la
sitional//EN
itional.dtd"
e)
Set;
t;
ht;
eline;
;
dle;
ue Seiviu
mitida por el
cceso a la im
xto que se ha
propiedad Al
a pgina Web
N"
">
uoi Espec
explorador
agen que se
a de mostrar
ternateText.
b se especifi
cializauos
que
r en
. La
ca
s
</
</hea
<body
<f
</
</bod
case
I
b
case
I
b
case
I
b
case
I
b
defa
I
b
}
}
/script>
ad>
y>
form id "for
<h3>Image
<div style
Text Te
Text Te
Text Te
</div>
<asp:Image
Alter
Image
Image
<hr />
Select Ima
<asp:DropD
runat
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
</asp:Drop
<br /><br
<asp:Butto
Text
OnCli
runat
/form>
dy>
e 6:
mage1.ImageA
break;
e 7:
mage1.ImageA
break;
e 8:
mage1.ImageA
break;
e 9:
mage1.ImageA
break;
ault:
mage1.ImageA
break;
rm1" runat "
Example</h3
e "font size
ext Text Tex
ext Text Tex
ext Text Tex
e id "Image1
rnateText "Im
eAlign "left
eUrl "images
age Align: <b
DownList id
t "server">
stItem>NotS
stItem>Left
stItem>Righ
stItem>Base
stItem>Top<
stItem>Midd
stItem>Bott
stItem>AbsB
stItem>AbsM
stItem>Text
pDownList>
/>
on id "Butto
"Apply Imag
ck "Button
t "server"/>
Te
Align Imag
Align Imag
Align Imag
Align Imag
Align Imag
server">
>
:large">
t Text Text
t Text Text
t Text Text
" runat "ser
mage text"
"
/image1.jpg"
br />
"DropList1"
et</asp:List
</asp:ListIt
t</asp:ListI
Line</asp:Li
/asp:ListIte
le</asp:List
om</asp:List
ottom</asp:L
iddle</asp:L
Top</asp:Lis
n1"
e Alignment"
Click"
ema C
geAlign.Bott
geAlign.AbsB
geAlign.AbsM
geAlign.Text
geAlign.NotS
Text Text T
Text Text T
Text Text T
rver"
"/>
tItem>
tem>
Item>
istItem>
em>
tItem>
tItem>
ListItem>
ListItem>
stItem>
"
Contioles
tom;
Bottom;
Middle;
tTop;
Set;
Text Text Te
Text Text Te
Text Text Te
ue Seiviu
ext Text
ext Text
ext Text
uoi Espec cializauos
s
</htm
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
}
<html
<head
<
<
</hea
<body
<
<
Grain
ml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
Image1.I
Image1.D
Image1.A
}
l>
d>
<script lang
void Subm
Image1
Image1
}
</script>
ad>
y>
<h3><font fa
<form runat
<asp:Ima
ns" runat="s
<p>
Select i
<asp:Dro
<asp
<asp
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class Image
oid Page Loa
mageUrl "
DescriptionU
AlternateTex
guage "C#" r
mitBtn Click
.ImageUrl "
.AlternateT
ace "Verdana
server>
age ID="Image
server" />
mage file:
opDownList id
p:ListItem V
p:ListItem V
Te
rols;
rols.WebPart
trols;
Control : Sy
d(object sen
~/Images/Gir
rl "~/Imag
t "This is
unat "server
(Object send
images/" + D
ext DropDown
">Simple Htm
e1" ImageUrl
d=DropDown1
alue="Cereal
alue="Cereal
ema C
ts;
ystem.Web.UI
nder, EventA
rl.gif";
geDescriptio
s a picture
r">
der, EventAr
DropDown1.Se
n1.SelectedI
mlImage Samp
l="images/ce
runat="serv
l1.gif">Heal
l2.gif">Corn
Contioles
I.Page
Args e)
on.htm";
of a girl";
rgs e) {
electedItem.
Item.Text;
ple</font></
ereal1.gif"
ver">
lthy Grains<
n Flake Cere
ue Seiviu
Value;
/h3>
AlternateTe
</asp:ListIt
eal</asp:Lis
uoi Espec
ext="Healthy
tem>
stItem>
cializauos
s
<
</bod
</htm
Ima
Contr
Espac
Utilic
Se pr
Utiliz
las co
cdig
orige
De m
Imag
a un c
contr
propi
<asp
<asp
<asp
<asp
</asp:Dr
<asp:but
</form>
dy>
ml>
ageButton
rol que mues
cio de nomb
ce el control
ovocan los e
ando el cont
oordenadas d
go de respue
n (0, 0) est
manera prede
eButton. La
control de va
rol de validac
iedad Causes
p:ListItem V
p:ListItem V
p:ListItem V
p:ListItem V
ropDownList>
tton text="Ap
n
stra una ima
bres: System.
ImageButto
eventos Click
trolador de e
del punto do
sta tomando
situado en l
eterminada,
validacin d
alidacin en
cin. Para ev
sValidation e
Te
alue="Cereal
alue="Cereal
alue="Cereal
alue="Cereal
pply" OnClic
agen y respon
.Web.UI.We
n para most
k y Command
eventos OnC
onde se ha he
o como base
a esquina su
la validacin
e la pgina d
la pgina cu
vitar que se r
en false.
ema C
l3.gif">U.F.
l4.gif">Oate
l5.gif">Stri
l7.gif">Frui
ck="SubmitBt
nde a los clic
bControls
rar una imag
d cuando se
Click, se pued
echo clic en
los valores d
uperior izquie
n de la pgina
determina si
mplen las re
realice la vali
Contioles
.O.S</asp:Li
ey O's</asp:
ike</asp:Lis
ity Pops</as
tn Click" ru
cs del mouse
gen que resp
hace clic en
den determin
la imagen. A
de las coorde
erda de la im
a se realiza a
todos los co
eglas de valid
idacin de la
ue Seiviu
istItem>
ListItem>
stItem>
sp:ListItem>
unat=server/
e (ratn) en l
ponde a los c
el control Im
nar mediante
A continuaci
enadas. Obs
magen.
al hacer clic e
ontroles de e
dacin espec
a pgina, esta
uoi Espec
>
>
a imagen.
lics del mou
mageButton.
e programac
n, se puede
erve que el
en un contro
entrada asoc
cificadas por
ablezca la
cializauos
se.
cin
crear
ol
iados
el
s
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
}
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
ImageBut
ImageBut
ImageBut
}
protected vo
{
ImageBut
string.F
}
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class ImageB
oid Page Loa
tton1.ImageU
tton1.Descrip
tton1.Altern
oid ImageBut
tton1.Altern
Format("Butt
Te
rols;
rols.WebPart
trols;
utton Contro
d(object sen
rl "~/Imag
ptionUrl "
ateText "T
ton1 Click(o
ateText
on Clicked a
ema C
ts;
ol : System.
nder, EventA
ges/Girl.gif
"~/ImageDesc
This is a pi
object sende
at {0},{1}",
Contioles
.Web.UI.Page
Args e)
f";
cription.htm
icture of a
er, ImageCli
, e.X, e.Y);
ue Seiviu
e
m";
girl";
ickEventArgs
uoi Espec
e)
cializauos
s
<html
<head
<
<
</hea
<body
<
<
Borde
<
</bod
</htm
Ima
Crea
la zon
datos
Utilic
defin
una d
ejem
un us
URL q
l>
d>
<script lang
void Ima
int
int
Labe
Labe
if (
} el
}
}
</script>
ad>
y>
<h3><font fa
<form runat
<table w
<tr>
<td
erWidth="2px
</td
<td>
</td
</tr>
</table>
<asp:Lab
</form>
dy>
ml>
ageMap
un control q
na activa def
s al servidor
ce el control
idas. Cuando
devolucin d
plo, puede u
suario hace c
que proporci
guage "C#" r
ageButton1 O
x e.X;
y e.Y;
el1.Text "
el2.Text "
x > 60 )
Label3.Text
se {
Label3.Text
ace "Verdana
server>
width "100%"
width "25%"
<asp:ImageBu
x" onclick="
d>
>
<asp:Label
<br>
<asp:Label
d>
>
bel id=Label
que muestra
finida dentro
o se desplaz
ImageMap p
o un usuario
e datos al se
utilizar este c
clic en una re
iona datos a
Te
unat "server
nClick(objec
X: " + x.ToS
Y: " + y.ToS
{
"You clic
"You clic
">Using Imag
border 0>
>
utton id=But
ImageButton1
id=Label1 Te
id=Label2 Te
3 font-bold=
una imagen
o del control
za a una direc
para crear un
hace clic en
ervidor o des
control para
egin concre
dicionales so
ema C
r">
ct Source, I
String();
String();
cked on the
cked on some
geButton as
tton1 ImageU
1 OnClick" r
ext="X:" run
ext="Y:" run
="true" Text
en una pgi
ImageMap,
ccin URL es
na imagen qu
una regin
splazarse a u
mostrar un m
eta del mapa
obre la regi
Contioles
ImageClickEv
Purple Rain
e Extreme Or
an Image Ma
Url="images/
runat="serve
nat="SERVER"
nat="SERVER"
t="" runat="
na. Cuando s
el control ge
specificada.
ue contenga
de zona activ
na direccin
mapa de una
, el control s
n selecciona
ue Seiviu
ventArgs e)
n!";
range!";
ap</font></h
/imagebutton
er" />
"/>
"/>
"SERVER"/>
se hace clic e
enera una de
las regiones
va, el contro
n URL especif
a regin geog
se desplaza a
ada. Tambin
uoi Espec
{
h3>
n4.gif"
en una regi
evolucin de
s de zona act
ol puede gen
ficada. Por
grfica. Cuan
a una direcci
n puede utiliz
cializauos
n de
e
tiva
erar
ndo
n
zar
s
este c
funci
Imag
hace
regist
regi
Tamb
ejem
otra r
Utilic
en el
contr
Polyg
HotS
Hay d
Imag
del co
propi
estab
HotS
control para
n de la regi
eMap para c
clic en la reg
trar una resp
n de zona ac
bin puede m
plo, puede e
regin de zo
ce la propied
control Ima
rol ImageMa
gonHotSpot p
pot abstract
dos maneras
eMap cuand
ontrol Image
iedades se e
blecen amba
pot individua
generar una
in de zona a
capturar las
gin de zona
puesta afirm
ctiva definida
mezclar estos
especificar un
na activa pa
ad ImageUrl
geMap. Pue
ap. Puede uti
para definir
a para defin
s de especific
do se hace cl
eMap o la pr
stablecen m
s propiedade
al tiene prio
Te
a devolucin
activa en la q
respuestas d
activa defin
ativa en una
a para los vo
s dos escena
na regin de
ra devolver l
para especi
de definir cu
ilizar las clas
las regiones
ir un objeto
car el compo
ic en el obje
ropiedad Hot
ediante uno
es, la propie
ridad sobre l
ema C
de datos al
que se hizo c
del usuario e
nida para los
a base de dat
otos negativo
arios dentro d
e zona activa
los datos al s
ficar la ruta
ualquier nm
es CircleHot
de zona acti
propio de zo
ortamiento d
to HotSpot.
tSpotMode d
de los valor
dad HotSpot
la propiedad
Contioles
servidor y ej
clic. Por ejem
n forma de v
votos afirma
tos. Cuando
os, se registra
de un contro
para despla
servidor.
de acceso a
mero de objet
Spot, Rectan
iva. Tambin
ona activa pe
e un objeto
Puede utiliza
de un objeto
res de enume
tMode espec
d HotSpotMo
ue Seiviu
jecutar cdig
mplo, puede u
votos. Cuand
ativos, se llam
un usuario h
a una respue
ol ImageMap
zarse a una d
la imagen qu
tos HotSpot
ngleHotSpot
n, puede deri
ersonalizado
HotSpot en
ar la propied
o HotSpot ind
eracin HotS
cificada en c
ode del cont
uoi Espec
go concreto
utilizar un co
do un usuario
ma al cdigo
hace clic en la
esta negativa
p nico. Por
direccin UR
ue se va a m
dentro de u
y
ivar de la cla
.
un control
dad HotSpotM
dividual. Esta
SpotMode. S
cada objeto
rol ImageMa
cializauos
en
ontrol
o
o para
a
a.
RL y
ostrar
n
se
Mode
as
i se
ap.
s
Para
propi
Navig
Para
Imag
Utilic
Este n
event
datos
realiz
contr
Para
comp
comp
objet
propi
Para
Imag
en Ho
<%@ p
<!DOC
"
<html
<head
<ti
</hea
<bo
<
desplazarse
iedad HotSp
gateUrl para
generar una
eMap.HotSp
ce la propied
nombre se p
to de devolu
s, se produce
zadas cuando
rolador de ev
hacer que to
portamiento,
portamiento
to HotSpot in
iedad HotSp
especificar d
eMap, estab
otSpotMode
page languag
CTYPE html P
"http://www.
l >
d id "head1"
itle>ImageMa
ad>
ody>
<form id "fo
<h3>ImageM
<h4>Shoppi
<asp:image
imageurl
width "1
height "
alternat
runat "S
<asp:cir
naviga
x "75"
y "290
radius
hotspo
altern
</asp:ci
<asp:cir
naviga
x "75"
y "120
radius
hotspo
altern
</asp:ci
a una direcc
ot.HotSpotM
especificar l
devolucin
potMode o l
ad PostBack
pasa en los da
ucin de dato
e el evento C
o se hace clic
ventos para
odos los obje
, utilice la pr
. A continuac
ndividual en
ot.HotSpotM
diferentes co
blezca la pro
e.Navigate o
ge "C#" %>
PUBLIC " //W
w3.org/TR/x
runat "serv
ap Class Nav
orm1" runat
Map Class Nav
ng Choices:
emap id "Shop
"Images/Sh
50"
360"
tetext "Shopp
erver">
rclehotspot
ateurl "http
"
"75"
otmode "Navi
natetext "Sh
rclehotspot
rclehotspot
ateurl "http
"
"75"
otmode "Navi
natetext "Sh
rclehotspot
Te
cin URL, est
Mode en Hot
la URL a la qu
de datos al s
a propiedad
Value para e
atos del eve
os. Cuando s
Click. Para co
c en un objet
el evento Cli
etos HotSpot
ropiedad Ima
cin, estable
HotSpotMo
Mode.
omportamien
piedad HotS
HotSpotMo
3C//DTD XHTM
html1/DTD/xh
ver">
igate Exampl
"server">
vigate Examp
</h4>
p"
opChoice.jpg
ping choices
://www.tails
gate"
op for toys"
>
://www.cohow
gate"
op for wine"
>
ema C
tablezca la pr
tSpotMode.
ue desplazar
servidor, est
HotSpot.Ho
especificar u
nto ImageM
e hace clic e
ontrolar med
to HotSpot d
ick.
t de un contr
ageMap.Hot
ezca la propie
ode.NotSet o
ntos para los
Spot.HotSpot
ode.PostBack
ML 1.0 Trans
html1 transi
le</title>
ple</h3>
g"
s"
spintoys.com
">
winery.com"
">
Contioles
ropiedad Ima
Navigate. Ut
rse.
ablezca la pr
otSpotMode
n nombre pa
apEventArgs
n un objeto
iante progra
de devoluci
rol ImageMa
tSpotMode p
edad HotSpo
o no especifiq
s objetos Hot
tMode de ca
k.
sitional//EN
itional.dtd"
m"
ue Seiviu
ageMap.Hot
tilice la prop
ropiedad
en HotSpot
ara la regin
s cuando se p
HotSpot de
amacin las a
n de datos, p
ap tengan el
para especifi
ot.HotSpotM
que ningn v
tSpot de un
ada objeto H
N"
">
uoi Espec
tSpotMode o
iedad
Mode.Postb
de zona acti
produce un
devolucin d
acciones
proporcione
mismo
car el
Mode de cada
valor para la
objeto
otSpot indiv
cializauos
o la
back.
iva.
de
un
a
vidual
s
<
</b
</htm
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
</asp:imag
</form>
body>
ml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
ImageMap
ImageMap
ImageMap
ImageMap
CircleHo
Rectangl
PolygonH
chs ne
chs.X
chs.Y
chs.Radi
chs.Post
ImageMap
chs ne
chs.X
chs.Y
chs.Radi
chs.Post
ImageMap
phs ne
phs.Coor
phs.Post
ImageMap
phs ne
phs.Coor
phs.Post
ImageMap
rhs ne
rhs.Top
rhs.Bott
rhs.Left
rhs.Righ
rhs.Post
ImageMap
phs ne
phs.Coor
phs.Post
ImageMap
phs ne
phs.Coor
"28,150,
+
"103,9,1
+
"135,154
+
"51,56,4
phs.Post
ImageMap
chs ne
chs.X
chs.Y
chs.Radi
chs.Post
gemap>
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class ImageM
oid Page Loa
p1.ImageUrl
p1.Descripti
p1.Alternate
p1.HotSpotMo
otSpot chs;
eHotSpot rh
HotSpot phs;
ew CircleHot
75;
75;
us 6;
tBackValue
p1.HotSpots.A
ew CircleHot
100;
75;
us 6;
tBackValue
p1.HotSpots.A
ew PolygonHo
rdinates "
tBackValue
p1.HotSpots.A
ew PolygonHo
rdinates "
tBackValue
p1.HotSpots.A
ew Rectangle
101;
tom 110;
t 74;
ht 110;
tBackValue
p1.HotSpots.A
ew PolygonHo
rdinates "
tBackValue
p1.HotSpots.A
ew PolygonHo
rdinates
17,141,10,1
29,22,141,4
,128,142,12
2,81,44,140
tBackValue
p1.HotSpots.A
ew CircleHot
87;
81;
us 50;
tBackValue
Te
rols;
rols.WebPart
trols;
ap Control
d(object sen
"~/Images/
onUrl "~/I
Text "This
de HotSpot
s;
Spot();
"Left Eye C
Add(chs);
Spot();
"Right Eye
Add(chs);
tSpot();
76,57,82,64,
"Left Eye";
Add(phs);
tSpot();
99,57,105,64
"Right Eye"
Add(phs);
HotSpot();
"Mouth";
Add(rhs);
tSpot();
92,82,101,95
"Nose";
Add(phs);
tSpot();
29,22,57,46,
7,152,93,152
9,71,117,47,
";
"Hair";
Add(phs);
Spot();
"Face";
ema C
ts;
: System.Web
nder, EventA
/Girl.gif";
ImageDescrip
s is a pictu
tMode.PostBa
Center";
Center";
,81,76,76,82
;
4,104,76,99,
";
5,85,95";
,21,80,9,"
2,142,144,15
,93,34,69,34
Contioles
b.UI.Page
Args e)
ption.htm";
ure of a gir
ack;
2,71,76,70,6
,82,94,76,93
56,"
4,"
ue Seiviu
rl";
63";
3,63";
s
}
p
{
}
<%@ P
<!DOC
"http
<scri
</scr
<html
<head
<
</hea
<body
<
Examp
butto
ImageMap
rhs ne
rhs.Top
rhs.Bott
rhs.Left
rhs.Righ
rhs.Post
ImageMap
}
protected vo
{ Label1.Tex
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
ript>
l xmlns "htt
d runat "ser
<title>Untit
ad>
y>
<form id "fo
<div>
<h3>
ple</font></
<asp
ons"
p1.HotSpots.A
ew Rectangle
127;
tom 142;
t 69;
ht 107;
tBackValue
p1.HotSpots.A
oid ImageMap
xt "You cl
ge="C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
tp://www.w3.
rver">
tled Page</t
orm1" runat
><font face
h3>
p:imagemap id
runat="Serve
<asp:Rectang
hotspotmode=
NavigateUrl=
alternatetex
top="30"
left="175"
bottom="110
right="355"
</asp:Rectan
<asp:Rectang
hotspotmode=
Te
Add(chs);
HotSpot();
"Neck";
Add(rhs);
1 Click(obje
icked the "
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
itle>
"server">
"Verdana">Im
d="Buttons"
er">
gleHotSpot
="Navigate"
="navigate1
xt="Button 1
"
>
ngleHotSpot>
gleHotSpot
="Navigate"
ema C
ect sender,
+ e.PostBac
ML 1.0 Trans
1 transition
tml">
mageMap Clas
imageurl="h
.htm"
1"
>
Contioles
ImageMapEve
ckValue; }
sitional//EN
nal.dtd">
ss Mixed Hot
hotspot.jpg"
ue Seiviu
entArgs e)
N"
tSpotMode
" alternatet
uoi Espec
text="Naviga
cializauos
te
s
<
</bod
</htm
<%@ P
<!DOC
"http
<scri
v
{
}
</scr
<html
<head
<
</hea
<body
<
Examp
butto
</as
</div>
</form>
dy>
ml>
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
void Buttons
{
label1.T
}
ript>
l xmlns "htt
d runat "ser
<title>Untit
ad>
y>
<form id "fo
<div>
<h3>
ple</font></
<asp
ons"
NavigateUrl=
alternatetex
top="155"
left="175"
bottom="240
right="355"
</asp:Rectan
<asp:Rectang
hotspotmode=
NavigateUrl=
alternatetex
top="285"
left="175"
bottom="365
right="355"
</asp:Rectan
sp:imagemap>
ge="C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
Clicked(ob
Text e.Pos
tp://www.w3.
rver">
tled Page</t
orm1" runat
><font face
h3>
p:imagemap id
hotspotmode=
<asp:Rectang
hotspotmode=
postbackvalu
alternatetex
top="30"
left="175"
bottom="110
right="355"
</asp:Rectan
<asp:Rectang
hotspotmode=
postbackvalu
alternatetex
top="155"
left="175"
bottom="240
right="355"
</asp:Rectan
<asp:Rectang
hotspotmode=
postbackvalu
alternatetex
Te
="navigate2
xt="Button 2
"
>
ngleHotSpot>
gleHotSpot
="Navigate"
="navigate3
xt="Button 3
"
>
ngleHotSpot>
3C//DTD XHTM
1/DTD/xhtml1
ject sender,
tBackValue +
org/1999/xht
itle>
"server">
"Verdana">Im
d="Buttons"
="Postback"
gleHotSpot
="Postback"
ue="Button1"
xt="Button 1
"
>
ngleHotSpot>
gleHotSpot
="Postback"
ue="Button2"
xt="Button 2
"
>
ngleHotSpot>
gleHotSpot
="Postback"
ue="Button3"
xt="Button 3
ema C
.htm"
2"
>
.htm"
3"
>
ML 1.0 Trans
1 transition
, ImageMapEv
+ " clicked!
tml" >
mageMap Clas
imageurl="h
onclick="Bu
"
1"
>
"
2"
>
"
3"
Contioles
sitional//EN
nal.dtd">
ventArgs e)
!";
ss Mixed Hot
hotspot.jpg"
uttons Click
ue Seiviu
N"
tSpotMode
" alternatet
ked" runat="
uoi Espec
text="Naviga
Server">
cializauos
te
s
></as
<
</bod
</htm
Cale
Mues
al me
Utilic
contr
Calen
Syste
utiliza
Se pu
mes c
De m
de la
mes d
pued
contr
propi
</as
<p>
sp:label></f
</p>
</div>
</form>
dy>
ml>
endar
stra un calen
es siguiente o
ce el control
rol permite s
ndar admite
em.Globaliza
an diferente
uede especifi
completo me
manera prede
semana, un
de forma ind
e personaliz
rolan el estilo
iedades que
top="285"
left="175"
bottom="365
right="355"
</asp:Rectan
<asp:Rectang
hotspotmode=
postbackvalu
alternatetex
top="0"
left="0"
bottom="390
right="540"
</asp:Rectan
sp:imagemap>
<h3><font f
font></h3>
>
ndario de un
o al mes ante
Calendar pa
seleccionar fe
todos los tip
tion. Adem
s sistemas d
icar si el con
ediante la pr
eterminada,
encabezado
dividual y vn
ar la aparien
o de las difer
especifican
Te
"
>
ngleHotSpot>
gleHotSpot
="Postback"
ue="Backgrou
xt="Backgrou
"
>
ngleHotSpot>
ace "verdana
solo mes qu
erior.
ra mostrar u
echas y desp
pos System.G
s del calend
e ao y mes,
trol Calenda
ropiedad Sele
el control m
o con el nom
nculos para d
ncia del cont
rentes parte
el estilo de l
ema C
>
und"
und"
>
a"><asp:labe
ue permite al
un solo mes d
plazarse al m
Globalization
ario gregoria
, como el cal
ar permite se
ectionMode
uestra los d
bre del mes
desplazarse a
rol Calendar
s del control
as diferente
Contioles
el id="label
l usuario sele
de un calend
es siguiente
n.Calendar de
ano, tambin
lendario Hjir
eleccionar un
.
as del mes, l
y ao, vncu
al mes siguie
r establecien
l. La siguient
s partes del
ue Seiviu
l1" runat="s
eccionar fech
dario en una
o al mes ant
el espacio de
n se incluyen
ri.
n solo da, un
los encabeza
los para sele
nte y al mes
do las propie
e tabla conti
control.
uoi Espec
server"
has y desplaz
pgina Web
terior. El con
e nombres
n calendarios
na semana o
ados de los d
eccionar das
anterior. Se
edades que
iene las
cializauos
zarse
. El
ntrol
s que
un
das
s del
e
s
<%@ P
<!DOC
"
<html
<head
<
</hea
<body
<f
Page Languag
CTYPE html P
"http://www.
l >
d>
<title>ASP.N
ad>
y>
form id "for
<asp:Calen
<Othe
</Oth
<Titl
</Tit
<DayS
</Day
<Sele
</Sel
</asp:Cale
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
NET Example<
rm1" runat "
ndar id "cal
erMonthDaySt
herMonthDayS
eStyle Back
Fore
tleStyle>
tyle BackCo
yStyle>
ectedDayStyl
ectedDaySty
endar>
Te
EventWireup
3C//DTD XHTM
html1/DTD/xh
/title>
server">
endar1" runa
yle ForeColo
tyle>
Color "Blue"
Color "White
lor "gray">
e BackColor
Font Bold
le>
ema C
"True" %>
ML 1.0 Trans
html1 transi
at "server">
or "LightGra
"
e">
"LightGray"
"True">
Contioles
sitional//EN
itional.dtd"
>
ay">
"
ue Seiviu
N"
">
s
</
</bod
</htm
using
using
using
using
using
using
using
using
using
using
publi
{
H
p
{
}
p
{
}
p
{
}
p
M
{
}
p
{
}
/form>
dy>
ml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
Hashtable sc
protected vo
{
GetSched
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
Calendar
System.D
Calendar
Calendar
}
private void
{
schedule
schedule
schedule
schedule
schedule
schedule
schedule
schedule
schedule
}
protected vo
{
Response
+ Calend
}
protected vo
MonthChanged
{
Response
}
protected vo
{
Literal
lit.Visi
lit.Text
e.Cell.C
if (sche
{
Labe
lbl.
lbl.
e.Ce
}
}
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class Calend
chedule new
oid Page Loa
dule();
r1.Style.Add
r1.Style.Add
r1.Style.Add
r1.Caption
r1.FirstDayO
r1.NextPrevF
r1.TitleForm
r1.ShowGridL
r1.DayStyle.
r1.DayStyle.V
r1.DayStyle.
r1.DayStyle.W
r1.OtherMont
Drawing.Colo
r1.TodaysDat
r1.VisibleDa
d GetSchedul
e["11/23/200
e["12/5/2006
e["12/16/200
e["12/23/200
e["12/24/200
e["12/25/200
e["12/26/200
e["12/31/200
e["1/1/2007"
oid Calendar
e.Write("Sel
dar1.Selecte
oid Calendar
dEventArgs e
e.Write("Mon
oid Calendar
lit new L
ble true;
t "<br />"
Controls.Add
edule[e.Day.
el lbl new
Visible t
Text (str
ell.Controls
Te
rols;
rols.WebPart
trols;
ar Control
w Hashtable
d(object sen
("position",
("left", "5p
("top", "50p
"Special Da
fWeek Firs
ormat Next
at TitleFo
ines true;
HorizontalAl
VerticalAlig
Height new
Width new
hDayStyle.Ba
r.WhiteSmoke
e new Date
te Calenda
e()
6"] "Thank
"] "Birthd
6"] "First
6"] "Last
6"] "Chris
6"] "Chris
6"] "Boxin
6"] "New Y
] "New Yea
1 SelectionC
ection chang
dDate.ToShor
1 VisibleMon
)
th changed t
1 DayRender
iteral();
;
(lit);
Date.ToShort
Label();
rue;
ing)schedule
.Add(lbl);
ema C
ts;
: System.Web
();
nder, EventA
, "absolute"
px");
px");
ays";
stDayOfWeek.
tPrevFormat.
ormat.MonthY
;
lign Horiz
gn Vertica
w Unit(75);
Unit(100);
ackColor
e;
eTime(2006,
ar1.TodaysDa
ksgiving";
day";
t day of Cha
day of Chan
stmas Eve";
stmas";
ng Day";
Year's Eve";
ar's Day";
Changed(obje
ged to: "
rtDateString
nthChanged(o
to: " + e.Ne
(object send
tDateString
e[e.Day.Date
Contioles
b.UI.Page
Args e)
");
.Sunday;
.ShortMonth;
Year;
zontalAlign.
alAlign.Top;
12, 1);
ate;
anukah";
nukah";
;
ect sender,
g());
object sende
ewDate.ToSho
der, DayRend
()] ! null)
e.ToShortDat
ue Seiviu
Left;
EventArgs e
er,
ortDateStrin
derEventArgs
teString()];
uoi Espec
e)
ng());
e)
cializauos
s
}
<html
<head
<
Calen
<
</hea
<body
<
<
<
</bod
</htm
l>
d>
<script lang
void Dat
Labe
ndar1.Select
}
</script>
ad>
y>
<h3><font fa
<form runat
<asp:Cal
<p>
<asp:Lab
</form>
dy>
ml>
guage "C#" r
te Selected(
el1.Text "
tedDate.ToSh
ace "Verdana
server>
lendar id=Ca
bel id=Label
Te
unat "server
object s, Ev
Selected dat
ortDateStrin
">Calendar E
lendar1 onse
1 runat="ser
ema C
r">
ventArgs e)
te is: " +
ng();
Example</fon
electionchan
rver" />
Contioles
{
nt></h3>
nged="Date S
ue Seiviu
Selected" ru
uoi Espec
unat="server
cializauos
" />
s
<html
<head
<
Calen
Calen
Calen
<
</hea
<body
<
<
<
l>
d>
<script lang
void Pag
Cale
if (
}
void Dat
swit
ndar1.Select
ndar1.Select
ndar1.Select
}
}
</script>
ad>
y>
<h3><font fa
<p>
<form runat
Choose a
<asp:Dro
Auto
<asp
<asp
<asp
<asp
guage "C#" r
ge Load(Obje
endar1.Selec
Calendar1.S
Calendar1.S
te Selected(
tch (Calenda
case (0):
Label1.
break;
case (1):
Label1.
tedDate.ToSh
break;
case (7):
Label1.
tedDate.ToSh
break;
default:
Label1.
tedDate.ToSh
break;
ace "Verdana
server>
a Selection M
opDownList id
oPostBack=tru
p:ListItem V
p:ListItem Se
p:ListItem V
p:ListItem V
Te
unat "server
ct Sender, E
tionMode
electionMode
electedDates
object s, Ev
r1.SelectedD
//None
Text "No d
//Day
Text "The
ortDateStrin
//Week
Text "The
ortDateStrin
//Month
Text "The
ortDateStrin
">Date Selec
Mode:
d="lstSelMod
ue>
alue="None"
elected Valu
alue="DayWee
alue="DayWee
ema C
r">
EventArgs e)
(CalendarSel
e Calenda
s.Clear();
ventArgs e)
Dates.Count)
dates are cu
selected da
ng();
selection i
ng();
selection i
ng();
ction Modes<
de" runat=se
>None</asp:
ue="Day" >Da
ek" >DayWeek
ekMonth" >Da
Contioles
) {
lectionMode)
arSelectionM
{
) {
urrently sel
ate is " +
is a week be
is a month b
</font></h3>
erver
:ListItem>
ay</asp:List
k</asp:ListI
ayWeekMonth<
ue Seiviu
lstSelMode.
Mode.None)
lected";
eginning " +
beginning "
>
tItem>
Item>
</asp:ListIt
uoi Espec
SelectedInd
+
+
tem>
cializauos
ex;
s
<
</bod
</htm
<html
<head
<
Calen
Calen
Calen
<
</hea
</asp:Dr
<p>
<asp:Cal
onse
Font
Heig
Sele
Toda
DayH
Othe
Titl
Titl
Titl
Sele
Sele
/>
<p>
<asp:Lab
</form>
dy>
ml>
l>
d>
<script lang
void Dat
swit
ndar1.Select
ndar1.Select
ndar1.Select
}
}
</script>
ad>
ropDownList>
lendar id=Ca
electionchang
t-Names="Ari
ght="180px" W
ectorStyle-B
ayDayStyle-B
HeaderStyle-B
erMonthDaySty
leStyle-BackC
leStyle-Font
leStyle-Font
ectedDayStyle
ectedDayStyle
bel id=Label
guage "C#" r
te Selected(
tch (Calenda
case (0):
Label1.
break;
case (1):
Label1.
tedDate.ToSh
break;
case (7):
Label1.
tedDate.ToSh
break;
default:
Label1.
tedDate.ToSh
break;
Te
lendar1 runa
ged="Date Se
al" Font-Siz
Width="200px
ackColor="ga
ackColor="ga
BackColor="g
yle-ForeColo
Color="gray"
-Bold="True"
-Size="12px"
e-BackColor=
e-Font-Bold=
1 runat="ser
unat "server
object sende
r1.SelectedD
//None
Text "No d
//Day
Text "The
ortDateStrin
//Week
Text "The
ortDateStrin
//Month
Text "The
ortDateStrin
ema C
at="server"
elected"
ze="12px"
x"
ainsboro"
ainsboro"
gainsboro"
or="gray"
"
"
"
="Navy"
="True"
rver" />
r">
er, EventArg
Dates.Count)
dates are cu
selected da
ng();
selection i
ng();
selection i
ng();
Contioles
gs e) {
) {
urrently sel
ate is " +
is a week be
is a month b
ue Seiviu
lected";
eginning " +
beginning "
uoi Espec
+
+
cializauos
s
<body
<
<
<
onmou
onmou
onmou
onmou
<
</bod
</htm
File
Mues
selec
La cla
perm
y>
<h3><font fa
<p>
<form runat
<asp:Cal
onse
DayN
Sele
Font
Heig
Toda
DayH
Othe
Titl
Titl
Titl
Sele
Sele
Next
Prev
Sele
Sele
useover this
useout this.
Sele
useover this
useout this.
/>
<p>
<asp:Lab
</form>
dy>
ml>
eUpload
stra un contr
cionar un ar
ase FileUploa
miten a los us
ace "Verdana
server>
lendar id=Ca
electionchang
NameFormat="
ectionMode="D
t-Names="Verd
ght="180px" W
ayDayStyle-F
HeaderStyle-
erMonthDaySty
leStyle-BackC
leStyle-ForeC
leStyle-Font
ectedDayStyle
ectedDayStyle
tMonthText =
vMonthText
ectorStyle B
ectWeekText
.style.back
style.backg
ectMonthText
.style.back
style.backg
bel id=Label
rol de cuadro
chivo para ca
ad muestra u
suarios selecc
Te
">Selection
lendar1 runa
ged="Date Se
Short"
DayWeekMonth
dana;Arial"
Width="230px
ont-Bold="Tr
Font-Bold="T
yle-ForeColo
Color="#3366
Color="white
-Bold="True"
e-BackColor=
e-Font-Bold=
"<img src=
"<img src
ackColor "#9
"<img src
groundColor
roundColor
"<img src
groundColor
roundColor
1 runat="ser
o de texto y
argarlo al se
un control de
cionar un arc
ema C
Link Graphi
at="server"
elected"
h"
Font-Size="
x"
rue"
True"
or="gray"
6ff"
e"
"
="#ffcc66"
="True"
'images/mont
'images/mont
99ccff"
'images/sel
'#ffcc66'
'#99ccff'>"
c 'images/se
'#ffcc66'
'#99ccff'>"
rver" />
un botn de
rvidor.
e cuadro de
chivo en el c
Contioles
ics</font></
"12px"
thright.gif'
thleft.gif'
lweek.gif' b
elmonth.gif'
bsqueda q
texto y un b
liente y carg
ue Seiviu
/h3>
border=0>"
border 0>"
border 0
border 0
que permiten
otn de bsq
garlo en el se
uoi Espec
n a los usuari
queda que
ervidor Web.
cializauos
ios
El
s
usuar
equip
pued
cuadr
El con
usuar
meca
botn
guard
archiv
mto
Por e
para
Antes
medi
HasFi
usuar
Poste
mane
valor
Cuan
que d
el cd
archiv
que l
aplica
El m
aplica
dispo
acces
desee
conce
Utilic
carga
incluy
La pr
Utilic
ejem
conte
utiliza
rio especifica
po local (por
e selecciona
ro de dilogo
ntrol FileUpl
rio lo selecci
anismo que p
n donde el u
dar el archivo
vo en una ru
odo de contro
ejemplo, si pr
guardar el a
s de llamar a
o de la prop
ile devuelve
rio que indic
edFile para a
era predeter
no nulo aun
do llame al m
deba guarda
digo de su ap
vo. Este com
os usuarios p
acin y, a la v
todo SaveA
acin ASP.NE
one de dos m
so de escritu
e guardar los
ede a la aplic
ce la propied
ar utilizando
ye la ruta de
opiedad File
ce esta propi
plo, puede u
enido del arc
ar la propied
a el archivo q
ejemplo, C:\
ar el archivo
o Elegir arch
oad no guar
one para car
permita al us
suario pued
o especificad
uta especifica
ol de evento
roporciona u
rchivo en el
al mtodo Sa
iedad HasFil
true, llame
ca que el con
veriguar si e
minada 0 by
nque el contr
mtodo Save
rse el archivo
plicacin, se
mportamiento
puedan escr
vez, evitar e
s escribe el a
ET debe tene
medios para o
ra a la cuent
s archivos ca
cacin ASP.N
ad FileName
el control Fi
e acceso al ar
Content obt
edad para ob
usar el objeto
chivo en form
dad FileBytes
Te
que desea ca
\MyFiles\Te
haciendo clic
ivo.
rda automti
rgarlo. Debe
suario enviar
a hacer clic p
do debe llam
ada del servi
os para un ev
un botn que
mtodo de c
aveAs para g
e si el contro
al mtodo Sa
trol no conti
existe un arch
ytes. Como co
rol FileUploa
eAs, especifi
o cargado. S
producir un
o ayuda a m
ibir en ubica
l acceso a los
archivo carga
er derechos d
obtener acce
ta bajo la cua
argados. O bi
NET.
e para obten
leUpload. El
rchivo en el c
tiene un obje
btener acces
o Stream dev
ma de bytes y
s para recupe
ema C
argar escribie
estFile.txt) en
c en el botn
icamente un
proporciona
r el archivo e
para cargar e
mar al mtodo
dor. Normal
vento que ini
e permite en
control del e
uardar el arc
ol FileUpload
aveAs. Si dev
iene un arch
hivo para car
onsecuencia
ad est en bl
que la ruta d
i no especific
na excepcin
antener seg
ciones arbitr
s directorios
ado en el dir
de escritura
eso de escrit
al se ejecuta
ien, puede a
er el nombre
nombre de
cliente.
eto Stream q
so al conteni
vuelto por la
y almacenar
erar todos lo
Contioles
endo su ruta
n el cuadro d
n Examinar y
archivo en e
ar explcitam
especificado.
el archivo. El
o SaveAs, qu
mente, se lla
icia una devo
nviar un arch
vento hacer
chivo en el se
d contiene u
vuelve false,
ivo. No com
rgar, porque
a, la propieda
anco.
de acceso co
ca explcitam
n cuando un
uros los arch
rarias de la e
s raz confide
rectorio espe
en el directo
ura. Se pued
la aplicacin
umentar el n
e de un arch
archivo que
ue seala a
ido del archiv
a propiedad F
lo en una ma
os bytes del a
ue Seiviu
a de acceso c
de texto del c
y buscndolo
el servidor d
mente un con
Por ejemplo
cdigo que
ue guarda el
ama al mto
olucin de da
ivo, podra in
clic.
ervidor, com
n archivo. Si
, muestra un
pruebe la pr
esta propie
ad PostedFile
mpleta del d
mente una ru
usuario inte
hivos del serv
estructura de
enciales.
ecificado. Po
orio del servi
de otorgar ex
n, en el direc
nivel de conf
ivo de un clie
devuelve es
un archivo p
vo en forma
FileContent
atriz de byte
archivo.
uoi Espec
completa en
control. Tam
o despus en
espus de q
ntrol o un
o, proporcion
escriba para
contenido d
odo SaveAs e
atos al servid
ncluir un cd
mpruebe por
la propiedad
n mensaje al
ropiedad
dad contiene
e devuelve u
directorio en
uta de acceso
ente cargar u
vidor, al imp
e directorios
r consiguien
idor. La aplic
xplcitamente
ctorio donde
fianza que se
ente que des
sta propiedad
para cargarlo
de bytes. Po
para leer el
es. O bien, pu
cializauos
el
mbin
n el
ue el
ne un
a
e un
en un
dor.
digo
d
e de
un
el
o en
un
edir
de la
te, la
cacin
e
e
e
see
d no
.
or
uede
s
La pr
a carg
propi
tipo d
obten
otro
la mis
Un pr
limita
Estab
carga
de ar
Para
atribu
archiv
elem
Dura
siguie
aspne
perce
Si los
elem
espec
proce
nuev
Pued
servid
reque
tama
espec
En el
archiv
guard
<%@ P
<!DOC
"http
<scri
pro
{
/
opiedad Pos
gar. Puede u
iedad Conten
de contenido
ner acceso a
lado, la prop
sma funcion
rocedimiento
ar el tamao
blezca un lm
arn. El lmite
rchivos mayo
aumentar el
uto maxReq
vo permitido
ento locatio
nte la carga
ente:
et_wp.exe (P
ent of availab
usuarios rec
ento process
cifica la cant
eso de trabaj
o para reem
e controlar s
dor, mientra
estLengthDis
o del bfer
cificado no d
ejemplo de
vos en una r
dar el archivo
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
otected void
// Specify t
stedFile obtie
utilizar esta p
ntLength obt
o MIME del a
la propiedad
piedad FileNa
alidad.
o para prote
o de los archi
mite de tama
e de tamao
ores establec
tamao m
uestLength e
o para una p
n del archivo
de archivos g
PID: 1520) w
ble RAM).
ciben este m
sModel del a
idad de mem
jo rebasa la c
plazarlo, y se
si el archivo
as se procesa
skThreshold
r de la secue
debe exceder
cdigo siguie
ruta de acces
o en la ruta d
ge "C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
d UploadButt
the path on
Te
ene el objeto
propiedad pa
tiene la long
archivo. Tam
d FileName,
ame, la prop
egerse de los
vos que pue
o que sea a
o predetermi
ciendo el atri
ximo de arch
en el archivo
gina determ
o Web.config
grandes, un
was recycled b
mensaje de er
archivo Web
moria mxim
cantidad esp
e reasignan t
cargado se a
a la solicitud,
d del element
ncia de entra
r del valor es
ente se mue
so que se esp
de acceso es
3C//DTD XHTM
1/DTD/xhtml1
on Click(obj
the server t
ema C
o HttpPosted
ara tener acc
gitud del arch
mbin puede
la propiedad
piedad FileCo
ataques por
eden cargarse
decuado pa
nado es de 4
ibuto maxRe
hivo permitid
o Web.config
minada, defin
g.
usuario tam
because mem
rror, aument
.config de la
ma que puede
pecificada po
todas las sol
almacena tem
establecien
to httpRunti
ada. El valor
specificado p
estra cmo cr
pecifica en e
specificada e
ML 1.0 Trans
1 transition
ject sender,
to
Contioles
dFile subyace
ceso a otras p
hivo. La prop
utilizar la pro
d InputStrea
ontent y el m
r denegacin
e, por medio
ra los tipos d
4096 KB (4 M
equestLength
do para la ap
g. Para aume
na el atributo
bin podra
mory consum
te el valor de
aplicacin.
e utilizar un p
or memoryLi
icitudes actu
mporalmente
do el atribut
me. Este atr
predetermin
para el atribu
rear un cont
l cdigo. Se
n el servidor
sitional//EN
nal.dtd">
, EventArgs
ue Seiviu
ente para el
propiedades
piedad Conte
opiedad Pos
m y el mtod
mtodo SaveA
n de servicio
o del control
de archivos q
MB). Puede p
h del elemen
plicacin com
entar el tama
o maxReque
recibir el me
mption excee
el atributo m
El atributo m
proceso de t
mit, se crea
uales al nuev
e en la mem
to
ibuto permit
nado es 256
uto maxRequ
rol FileUploa
llama al mt
r.
N"
e)
uoi Espec
archivo que
del archivo.
entType obtie
stedFile para
do SaveAs. P
As proporcio
consiste en
FileUpload.
que prevea q
permitir la ca
nto httpRunt
mpleta, defin
ao mximo
estLength en
ensaje de err
eded 460 MB
memoryLimit
memoryLimit
trabajo. Si el
un proceso
vo proceso.
oria o en el
te administra
bytes. El val
uestLength
ad que guard
todo SaveAs
cializauos
se va
La
ene el
a
Por
onan
que se
rga
time.
na el
de
n el
ror
B (60
en el
t
ar el
lor
da los
para
s
/
S
/
/
/
i
{
}
e
{
}
}
</scr
<html
<head
<
</hea
<body
<
<
<
<
</bod
</htm
En el
archiv
Syst
sistem
// save the
String saveP
// Before at
// on the fi
// control c
if (FileUplo
{
// Get the
String fil
// Append
savePath +
// Call th
// uploade
// This ex
// the nec
// If a fi
// already
// the upl
FileUpload
// Notify
// was sav
UploadStat
}
else
{
// Notify
UploadStat
}
ript>
l >
d id "Head1"
<title>FileU
ad>
y>
<form id "fo
<div>
<h4>Selec
<asp:File
runat
</asp:Fil
<br /><br
<asp:Butt
Text
OnCli
runat
</asp:But
<hr />
<asp:Labe
runat
</asp:Lab
</div>
</form>
dy>
ml>
ejemplo de
vos en un di
tem.Web.Ht
ma de archiv
uploaded fi
Path @"c:\
ttempting to
le, verify
contains a f
oad1.HasFile
e name of th
eName Fil
the name of
+ fileName;
he SaveAs me
ed file to t
xample does
cessary erro
le with the
y exists in
oaded file
d1.SaveAs(sav
the user of
ved under.
tusLabel.Tex
the user th
tusLabel.Tex
runat "serv
Upload Examp
orm1" runat
ct a file to
eUpload id "
t "server">
eUpload>
r />
ton id "Uplo
"Upload fil
ck "UploadB
t "server">
tton>
el id "Uploa
t "server">
bel>
cdigo siguie
rectorio espe
ttpRequest
vos del direct
Te
le to.
temp\uploads
perform ope
that the Fil
ile.
)
e file to up
eUpload1.Fil
the file to
thod to save
he specified
not perform
r checking.
same name
the specifie
overwrites i
vePath);
the name of
t "Your fi
at a file wa
t "You did
ver">
le</title>
"server">
upload:</h4
FileUpload1"
adButton"
e"
utton Click"
dStatusLabel
ente se mue
ecificado de
t.Physical
torio raz par
ema C
s\";
erations
leUpload
pload.
leName;
o upload to
e the
d path.
all
ed path,
it.
f the file
ile was save
as not uploa
d not specif
4>
"
"
l"
estra cmo cr
l sistema de
lApplicati
ra la aplicaci
Contioles
the path.
ed as " + fi
aded.
fy a file to
rear un cont
archivos de
ionPath per
n de servid
ue Seiviu
ileName;
o upload.";
rol FileUploa
la aplicacin
rmite obtene
dor actualme
uoi Espec
ad que guard
n. La propied
er la ruta fsi
ente ejecutad
cializauos
da los
dad
ca del
da. Se
s
llama
servid
<%@ P
<!DOC
"http
<scri
p
{
}
</scr
<html
<head
<
</hea
<body
<
<
<
a al mtodo S
dor.
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
protected vo
{
// Save
// that
// curre
// Creat
// files
// users
// uploa
string s
// Get t
// execu
string a
// Befor
// that
if (File
{
stri
// C
// u
// T
// t
// I
// a
// t
File
// N
Uplo
}
else
{
// N
Uplo
}
}
ript>
l >
d id "Head1"
<title>FileU
ad>
y>
<h3>FileUplo
<form id "fo
<div>
<h4>Selec
<asp:File
runat
</asp:Fil
<br/><br/
<asp:Butt
Text
OnCli
runat
SaveAs para
ge "C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
oid UploadBu
the uploade
already exi
ently execut
ting an "Upl
in a separ
from overw
ading files w
aveDir @"
the physical
uting applic
appPath Re
re attemptin
the FileUpl
eUpload1.Has
ng savePath
Server.Html
Call the Sav
uploaded fil
This example
the necessar
f a file wi
already exis
the uploaded
eUpload1.Sav
Notify the u
oadStatusLab
Notify the u
oadStatusLab
runat "serv
Upload Class
oad Class Ex
orm1" runat
ct a file to
eUpload id "
t "server">
eUpload>
>
ton id "Uplo
"Upload fil
ck "UploadB
t "server">
Te
guardar el a
3C//DTD XHTM
1/DTD/xhtml1
tton Click(o
d file to an
sts in the f
ing ASP.NET
oads" direct
ate director
riting exist
with names l
\Uploads\";
file system
ation.
quest.Physic
g to save th
oad control
File)
appPath +
Encode(FileU
eAs method t
e to the spe
does not pe
y error chec
th the same
ts in the sp
file overwr
eAs(savePath
ser that the
el.Text "Y
ser that a f
el.Text "Y
ver">
Example</ti
ample: Save
"server">
upload:</h4
FileUpload1"
adButton"
e"
utton Click"
ema C
archivo en la
ML 1.0 Trans
1 transition
object sende
n "Uploads"
file system
application
tory isolate
ry. This hel
ting applica
like "Web.co
m path for t
calApplicati
he file, ver
contains a
+ saveDir +
Upload1.File
to save the
ecified path
erform all
cking.
name
pecified pat
rites it.
h);
e file was u
Your file wa
file was not
You did not
itle>
To Applicat
4>
"
"
Contioles
ruta de acce
sitional//EN
nal.dtd">
er, EventArg
directory
of the
n.
es uploaded
lps prevent
ation files
onfig".
the currentl
ionPath;
rify
file.
eName);
h.
th,
uploaded suc
as uploaded
t uploaded.
specify a f
tion Directo
ue Seiviu
eso especific
N"
gs e)
by
ly
ccessfully.
successfull
file to uplo
ory</h3>
uoi Espec
cada en el
y.";
oad.";
cializauos
s
<
<
</bod
</htm
En el
archiv
archiv
la pro
archiv
espec
archiv
elem
la apl
<%@ P
<!DOC
"http
<scri
p
{
uploa
</asp:But
<hr />
<asp:Labe
runat
</asp:Lab
</div>
</form>
dy>
ml>
ejemplo de
vos en una r
vo que se pu
opiedad Con
vo que se ca
cificada del s
vo en el cd
mento http
licacin.
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
protected vo
{
// Speci
// save
string s
// Befor
// that
if (File
{
// G
int
// A
aded.
if (
{
}
else
{
}
tton>
el id "Uploa
t "server">
bel>
cdigo siguie
ruta de acces
uede cargar a
tentLength s
arga es inferi
servidor. Ade
igo de la apl
pRuntime en
ge "C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
oid UploadBu
fy the path
the uploade
avePath @
re attemptin
the FileUpl
eUpload1.Has
Get the size
fileSize
Allow only f
fileSize <
// Append t
savePath +
// Call the
// uploaded
// This exam
// the nece
// If a fil
// already
// the uplo
FileUpload1
// Notify t
UploadStatu
e
// Notify t
UploadStatu
Te
dStatusLabel
ente se mue
so que se esp
a 5 MB. La p
subyacente y
or a 2 MB, se
ems de com
icacin, pued
n un tamao
3C//DTD XHTM
1/DTD/xhtml1
tton Click(o
on the serv
d file to.
"c:\temp\upl
g to save th
oad control
File)
in bytes of
FileUpload1
iles less th
2100000)
he name of t
Server.Html
SaveAs meth
file to the
mple does no
ssary error
e with the s
exists in th
aded file ov
.SaveAs(save
he user that
sLabel.Text
he user why
sLabel.Text
ema C
l"
estra cmo cr
pecifica en e
ropiedad Po
y devolver e
e llama al m
mprobar la co
de establece
o mximo pe
ML 1.0 Trans
1 transition
object sende
ver to
loads\";
he file, ver
contains a
f the file t
.PostedFile.
han 2,100,00
the uploaded
lEncode(File
hod to save
e specified
ot perform a
checking.
same name
he specified
verwrites it
ePath);
t the file w
"Your fil
their file
"Your fil
"it excee
Contioles
rear un cont
l cdigo. El c
stedFile se u
l tamao del
todo SaveA
onfiguracin
er el atributo
rmitido, en e
sitional//EN
nal.dtd">
er, EventArg
rify
file.
to upload.
.ContentLeng
00 bytes (ap
d file to th
eUpload1.Fil
the
path.
all
d path,
t.
was uploaded
le was uploa
was not upl
le was not u
eds the 2 MB
ue Seiviu
rol FileUploa
control limita
utiliza para o
l archivo. Si e
As para guard
de tamao
o maxReques
el archivo de
N"
gs e)
gth;
pproximately
he path.
leName);
d successful
aded success
loaded.
uploaded bec
B size limit
uoi Espec
ad que guard
a el tamao
btener acces
el tamao de
darlo en la ru
mximo de
stLength del
e configuraci
y 2 MB) to b
ly.
fully.";
cause " +
t.";
cializauos
da los
de
so a
el
uta
n de
e
s
}
</scr
<html
<head
<
</hea
<body
<
<
<
<
</bod
</htm
En el
archiv
archiv
la ext
mto
<%@ P
<!DOC
"http
<scri
p
{
}
else
{
// N
Uplo
}
}
ript>
l >
d id "Head1"
<title>FileU
ad>
y>
<form id "fo
<div>
<h4>Selec
<asp:File
runat
</asp:Fil
<br/><br/
<asp:Butt
Text
OnCli
runat
</asp:But
<hr />
<asp:Labe
runat
</asp:Lab
</div>
</form>
dy>
ml>
ejemplo de
vos en una r
vos con la ex
tensin del a
odo SaveAs p
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
protected vo
{
// Speci
// save
string s
// Befor
// that
if (File
{
// G
stri
// G
stri
Notify the u
oadStatusLab
runat "serv
Upload Class
orm1" runat
ct a file to
eUpload id "
t "server">
eUpload>
>
ton id "Uplo
"Upload fil
ck "UploadB
t "server">
tton>
el id "Uploa
t "server">
bel>
cdigo siguie
ruta de acces
xtensin .doc
archivo que s
para guardar
ge "C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
oid UploadBt
fy the path
the uploade
avePath @
re attemptin
the FileUpl
eUpload1.Has
Get the name
ng fileName
Get the exte
ng extensio
Te
ser that a f
el.Text "Y
ver">
Example</ti
"server">
upload:</h4
FileUpload1"
adButton"
e"
utton Click"
dStatusLabel
ente se mue
so que se esp
c o .xls. Se lla
se carga. Si e
rlo en la ruta
3C//DTD XHTM
1/DTD/xhtml1
n Click(obje
on the serv
d file to.
"c:\temp\upl
g to save th
oad control
File)
of the file
Server.Ht
nsion of the
n System.I
ema C
file was not
You did not
itle>
4>
"
"
l"
estra cmo cr
pecifica en e
ama al mto
el archivo tie
especificada
ML 1.0 Trans
1 transition
ect sender,
ver to
loads";
he file, ver
contains a
e to upload.
tmlEncode(Fi
e uploaded f
IO.Path.GetE
Contioles
t uploaded.
specify a f
rear un cont
l cdigo. Est
do Path.Ge
ne una exten
a del servido
sitional//EN
nal.dtd">
EventArgs e
rify
file.
.
ileUpload1.F
file.
Extension(fi
ue Seiviu
file to uplo
rol FileUploa
e ejemplo s
etExtensio
nsin .doc o
or.
N"
e)
FileName);
ileName);
uoi Espec
oad.";
ad que guard
lo permite c
on para devo
.xls, se llama
cializauos
da los
cargar
olver
a al
s
}
</scr
<html
<head
<
</hea
<body
<
<
<
<
</bod
</htm
using
using
using
using
using
using
publi
{
p
{
// A
// t
if (
{
}
else
{
}
}
}
ript>
l >
d id "Head1"
<title>FileU
ad>
y>
<form id "fo
<div>
<h4>Sele
<asp:Fil
runa
</asp:Fi
<br/><br
<asp:But
Text
OnCl
runa
</asp:Bu
<hr />
<asp:Lab
runa
</asp:La
</div>
</form>
dy>
ml>
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
if (File
Allow only f
to be upload
(extension
// Append t
savePath +
// Call the
// uploaded
// This exam
// the nece
// If a fil
// already
// the uplo
FileUpload1
// Notify t
UploadStatu
e
// Notify t
UploadStatu
runat "serv
Upload Class
orm1" runat
ect a file t
eUpload id
at "server">
leUpload>
r/>
tton id "Upl
t "Upload fi
ick "Upload
at "server">
utton>
bel id "Uplo
at "server">
abel>
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class FileUp
oid Button1
eUpload1.Has
Te
iles with .d
ed.
".doc")
he name of t
fileName;
SaveAs meth
file to the
mple does no
ssary error
e with the s
exists in th
aded file ov
.SaveAs(save
he user that
sLabel.Text
he user why
sLabel.Text
ver">
Example</ti
"server">
o upload:</h
"FileUpload1
oadBtn"
le"
Btn Click"
adStatusLabe
rols;
rols.WebPart
trols;
load : Syste
Click(object
File)
ema C
doc or .xls
| (extension
the file to
hod to save
e specified
ot perform a
checking.
same name
he specified
verwrites it
ePath);
t their file
"Your fil
their file
"Your fil
"it does
itle>
h4>
1"
el"
ts;
em.Web.UI.Pa
t sender, Ev
Contioles
extensions
n ".xls")
upload to t
the
path.
all
d path,
t.
e was succes
le was uploa
was not upl
le was not u
not have a
age
ventArgs e)
ue Seiviu
)
the path.
ssfully uplo
aded success
loaded.
uploaded bec
.doc or .xl
uoi Espec
oaded.
fully.";
cause " +
s extension
cializauos
.";
s
www.uepuianuo.com 1uu
}
}
Pan
Repre
conte
progr
La pr
most
El con
comp
most
espec
<%@ P
<!DOC
"
<html
<hea
<
<scri
{
Labe
+
File
+
"<br
+
"Fil
+
File
+
"<br
+
"MIM
+ Fi
File
MapP
}
else
{
Labe
}
}
nel
esenta un co
enedor de ot
ramacin, oc
opiedad Dire
rar texto par
ntrol Panel p
portamiento
rar una imag
cificar las ba
Page Languag
CTYPE html P
"http://www.
l >
ad>
<title>Panel
ipt runat "s
el1.Text "
eUpload1.Fil
r />"
e Name: "
eUpload1.Fil
r />"
ME Type: "
leUpload1.P
eUpload1.Sav
Path("~/Uplo
el1.Text "N
ontrol que ac
tros controle
cultar o most
ection es til
ra idiomas q
proporciona
y la present
gen personal
rras de desp
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
Example</t
erver">
Te
File Length
eBytes.Lengt
eName
ostedFile.Co
eAs(
ads/" + File
No file rece
cta como co
es. Resulta es
trar un grupo
l para adapta
ue se escribe
varias propie
acin de su c
lizada del co
plazamiento d
EventWireup
3C//DTD XHTM
html1/DTD/xh
itle>
ema C
: "
th
ontentType;
eUpload1.Fil
eived.";
ontenedor de
specialmente
o de controle
ar el conteni
en de derech
edades que
contenido. U
ntrol Panel.
del control.
"True" %>
ML 1.0 Trans
html1 transi
Contioles
leName));
e otros contr
e til si dese
es o adaptar
do de un con
ha a izquierd
le permiten
Utilice la prop
Utilice la pro
sitional//EN
itional.dtd"
ue Seiviu
roles. El cont
a generar co
r un grupo de
ntrol Panel c
da, como el
personalizar
piedad Back
opiedad Scro
N"
">
uoi Espec
trol Panel es
ontroles med
e controles.
con el fin de
rabe o el he
r el
ImageUrl pa
ollBars para
cializauos
s un
diante
breo.
ra
s
www.uepuianuo.com 1u1
<
</he
<bod
<
<
void Page
// Sho
if (Ch
Pan
}
else {
Pan
}
// Gen
int nu
for (i
Lab
l.T
l.I
Pan
Pan
}
// Gen
int nu
for (i
Tex
t.T
t.I
Pan
Pan
}
}
</script>
ead>
dy>
<h3>Panel Ex
<form id "fo
<asp:Pane
Back
Heig
Widt
Pane
<br
</asp:Pan
<br />
Generate
<asp:Drop
<asp:L
<asp:L
<asp:L
<asp:L
<asp:L
</asp:Dro
<br />
Generate
<asp:Drop
<asp:L
<asp:L
<asp:L
<asp:L
<asp:L
</asp:Dro
e Load(Objec
ow or hide t
heck1.Checke
nel1.Visible
nel1.Visible
nerate the L
umlabels I
nt i 1; i<
bel l new
Text "Labe
D "Label"
nel1.Control
nel1.Control
nerate the T
umtexts In
nt i 1; i<
xtBox t new
Text "Text
D "TextBo
nel1.Control
nel1.Control
xample</h3>
orm1" runat
el id "Panel
kColor "gain
ght "200px"
th "300px">
el1: Here is
/>
nel>
Labels:
pDownList id
ListItem Val
ListItem Val
ListItem Val
ListItem Val
ListItem Val
opDownList>
TextBoxes:
pDownList id
ListItem Val
ListItem Val
ListItem Val
ListItem Val
ListItem Val
opDownList>
Te
t sender, Ev
he Panel con
d) {
false;
true;
abel control
nt32.Parse(D
numlabels; i
Label();
l" + (i).ToS
+ (i).ToStr
s.Add(l);
s.Add(new Li
extbox contr
t32.Parse(Dr
numtexts; i+
w TextBox();
Box" + (i).T
x" + (i).ToS
s.Add(t);
s.Add(new Li
"server">
1" runat "se
sboro"
some static
"DropDown1"
ue "0">0</as
ue "1">1</as
ue "2">2</as
ue "3">3</as
ue "4">4</as
"DropDown2"
ue "0">0</as
ue "1">1</as
ue "2">2</as
ue "3">3</as
ue "4">4</as
ema C
ventArgs e)
ntents.
ls.
DropDown1.Se
i++) {
String();
ring();
iteralContro
rols.
ropDown2.Sel
++) {
;
ToString();
String();
iteralContro
erver"
c content...
" runat "ser
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
" runat "ser
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
Contioles
{
electedItem.
ol("<br />")
lectedItem.V
ol("<br />")
.
rver">
>
>
>
>
>
rver">
>
>
>
>
>
ue Seiviu
Value);
);
Value);
);
s
<
</bo
</ht
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
p
{
}
}
<br />
<asp:Chec
<br />
<asp:Butt
</form>
ody>
tml>
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
Panel1.V
}
protected vo
{
Unit lef
left n
Panel1.S
}
protected vo
{
Unit lef
left n
Panel1.S
}
ckBox id "Ch
ton ID "Butt
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class Panel
oid Button2
Visible !P
oid Button3
ft new Uni
new Unit((do
tyle["left"
oid Button4
ft new Uni
new Unit((do
tyle["left"
Te
eck1" Text "
on1" Text "R
rols;
rols.WebPart
trols;
Control : Sy
Click(object
anel1.Visibl
Click(object
t(Panel1.Sty
uble)left.Va
] left.ToS
Click(object
t(Panel1.Sty
uble)left.Va
] left.ToS
ema C
"Hide Panel"
Refresh Pane
ts;
ystem.Web.UI
t sender, Ev
le;
t sender, Ev
yle["left"])
alue 10, l
String();
t sender, Ev
yle["left"])
alue + 10, l
String();
Contioles
" runat "ser
el" runat "s
I.Page
ventArgs e)
ventArgs e)
);
left.Type);
ventArgs e)
);
left.Type);
ue Seiviu
rver"/>
server"/>
s
www.uepuianuo.com 1uS
<html
<head
<
Syste
Syste
<
</hea
<body
<
<
l>
d>
<script lang
void Pag
// S
if (
}
else
}
// G
int
for
em.Web.UI.We
}
// G
int
for
em.Web.UI.We
}
}
</script>
ad>
y>
<h3><font fa
<form runat
<asp:Pan
Back
Heig
Widt
Pane
<p>
</asp:Pa
<p>
Generate
<asp:Dro
<asp
<asp
<asp
<asp
<asp
</asp:Dr
<br>
Generate
<asp:Dro
guage "C#" r
ge Load(Obje
how/Hide Pa
Check1.Chec
Panel1.Visib
e {
Panel1.Visib
Generate lab
numlabels
(int i 1; i
System.Web.
ebControls.L
l.Text "L
l.ID "Lab
Panel1.Cont
Panel1.Cont
Generate tex
numtexts
(int i 1; i
System.Web.
ebControls.T
t.Text "T
t.ID "Tex
Panel1.Cont
Panel1.Cont
ace "Verdana
server>
nel id="Pane
kColor="gain
ght="200px"
th="300px">
el1: Here is
anel>
e Labels:
opDownList id
p:ListItem V
p:ListItem V
p:ListItem V
p:ListItem V
p:ListItem V
ropDownList>
e TextBoxes:
opDownList id
Te
unat "server
ct sender, E
nel Contents
ked) {
ble false;
ble true;
el controls
int.Parse(D
< numlabels;
UI.WebContro
abel();
abel" + i.To
el" + i.ToSt
rols.Add(l);
rols.Add(new
tbox control
int.Parse(Dr
< numtexts;
UI.WebContro
extBox();
extBox" + i
tBox" + i.To
rols.Add(t);
rols.Add(new
">Panel Exam
l1" runat="s
sboro"
some static
d=DropDown1
alue="0">0</
alue="1">1</
alue="2">2</
alue="3">3</
alue="4">4</
d=DropDown2
ema C
r">
EventArgs e)
s
DropDown1.Se
; i++) {
ols.Label l
oString();
tring();
;
w LiteralCon
ls
ropDown2.Sel
i++) {
ols.TextBox
.ToString();
oString();
;
w LiteralCon
mple</font><
server"
c content...
runat="serv
/asp:ListIte
/asp:ListIte
/asp:ListIte
/asp:ListIte
/asp:ListIte
runat="serv
Contioles
) {
electedItem.
new
ntrol("<br>"
lectedItem.V
t new
;
ntrol("<br>"
</h3>
.
ver">
em>
em>
em>
em>
em>
ver">
ue Seiviu
Value);
"));
Value);
"));
s
<
<
</bod
</htm
Mul
Mul
Repre
Mult
contr
aplica
como
parm
asiste
repre
desar
un co
est d
client
vista
conte
contr
ejecu
La vis
propi
se pro
prime
cmo
<asp:
Si la p
al m
repre
prefe
<asp
<asp
<asp
<asp
<asp
</asp:Dr
<p>
<asp:Che
<p>
<asp:But
</font>
</form>
dy>
ml>
ltiViewy
tiview
esenta un co
iView es un
roles View en
acin puede
o la identidad
metro de cad
entes. En est
esenta un pa
rrollar aplica
ontrol View a
definido com
te. Puede uti
activa. Si la p
enido en el c
rol MultiView
ucin.
sta activa se
iedad Active
ovoca que e
era vez que s
o establecer
:MultiView id
propiedad Ac
todo SetAct
esentar en el
erencias del u
p:ListItem V
p:ListItem V
p:ListItem V
p:ListItem V
p:ListItem V
ropDownList>
eckBox id="Ch
tton Text="Re
y View
ontrol que ac
contenedor
n el que cada
representar
d del usuario
dena de cons
te escenario,
so o pgina
ciones de m
a la vez como
mo la vista ac
ilizar la prop
propiedad A
cliente. Si la v
w, se produc
puede defin
eViewIndex s
l control Vie
se llama al co
la propiedad
d="MultiView
ctiveViewInd
tiveView, la
cliente en t
usuario.
Te
alue="0">0</
alue="1">1</
alue="2">2</
alue="3">3</
alue="4">4</
heck1" Text=
efresh Panel
cta como co
para un grup
a control Vie
r un control V
o, las prefere
sulta. El cont
, cada contro
diferente de
ltiples pant
o vista activa
ctiva, los con
piedad Active
ActiveViewIn
vista activa s
ce una excep
ir mediante
se establece
w establecid
ontrol MultiV
d ActiveView
w1" ActiveVi
dex se estab
aplicacin pu
iempo de eje
ema C
/asp:ListIte
/asp:ListIte
/asp:ListIte
/asp:ListIte
/asp:ListIte
="Hide Panel
l" runat="se
ontenedor de
po de contro
ew contiene
View concre
encias del us
trol MultiVie
ol View conte
el asistente. E
tallas para d
a en un cont
ntroles secun
eViewIndex o
dex est vac
e establece
pcin Argume
programaci
mediante de
do como la v
View. En el e
wIndex medi
iewIndex=0
blece median
uede determ
ecucin seg
Contioles
em>
em>
em>
em>
em>
l" runat="se
erver"/>
e un grupo d
oles View. Pe
controles se
to en el clien
uario e infor
ew tambin s
enido en un
Este control
ispositivos m
rol MultiView
ndarios que c
o el mtodo
ca, el contro
en un contro
entOutOfRan
n o median
eclaracin al
ista activa se
ejemplo de c
ante declara
runat="Serve
nte programa
minar qu co
n criterios c
ue Seiviu
erver"/>
de controles
ermite defini
ecundarios. A
nte basndos
rmacin pasa
se puede uti
control Mul
tambin se d
mviles. Slo
w. Cuando u
contiene se r
SetActiveVie
ol MultiView
ol View que
ngeException
te declaraci
l definir el co
e represente
cdigo siguie
acin.
er">
acin o medi
ntrol View se
como la ident
uoi Espec
View. El con
ir un grupo d
A continuaci
se en criterio
ada en un
lizar para cr
tiView
debe utilizar
se puede de
un control Vi
representan
ew para defi
no represen
no existe en
n en tiempo
n. Si la
ontrol MultiV
e en el cliente
ente se mues
iante una lla
e va a
tidad o las
cializauos
trol
de
n, la
os
ear
para
efinir
ew
en el
nir la
nta
el
de
View,
e la
stra
mada
s
Para
Mult
aprov
actua
el val
comp
NextV
Switc
En el
una e
Cuan
Activ
clic e
aume
<%@ P
<!DOC
"
<html
<head
<
<scri
pro
{
/
/
/
i
permitir a lo
iView, pued
vecharse de
almente activ
lor de uno de
portamiento
ViewComma
chViewByInd
ejemplo de
encuesta bs
do el usuario
veViewIndex
n el botn S
enta para de
Page Languag
CTYPE html P
"http://www.
l >
d>
<title>Multi
ipt runat "s
otected void
// Determine
// and set t
// the view
if (DevPollM
os usuarios d
e agregar un
la actualizac
vo, establezc
e los campos
de desplaza
andName, Sw
exCommand
cdigo siguie
sica. Cada co
o hace clic en
x disminuye p
iguiente en c
splazarse al
ge "C#" %>
PUBLIC " //W
w3.org/TR/x
View ActiveV
erver">
d NextButton
e which butt
the ActiveVi
selected by
MultiView.Ac
Te
esplazarse e
n control Link
cin automt
ca la propied
s de nombre
miento dese
witchViewBy
dName.
ente se mue
ntrol View e
n el botn A
para desplaz
cualquier p
control View
3C//DTD XHTM
html1/DTD/xh
ViewIndex Ex
Command(obj
on was click
ewIndex prop
the user.
tiveViewInde
ema C
entre los con
kButton o Bu
tica en el con
dad Comman
de comando
eado: Previo
IDCommand
estra cmo u
es una pregu
nterior en cu
arse al contr
gina, el valo
w siguiente.
ML 1.0 Trans
html1 transi
xample</titl
ject sender,
ked
perty to
ex > 1 & De
Contioles
troles View
utton a cada
ntrol MultiVi
ndName del
o siguientes
usViewComm
dName o
tilizar un con
nta indepen
ualquier pg
rol View ante
r de la propi
sitional//EN
itional.dtd"
le>
, EventArgs
evPollMultiV
ue Seiviu
dentro de un
control View
iew del cont
botn o bot
que corresp
mandName,
ntrol MultiV
diente de la
gina, el valor
erior. Cuand
edad ActiveV
N"
">
e)
View.ActiveV
uoi Espec
n control
w. Para
trol View
n de vncul
onda al
iew para cre
encuesta.
de la propie
o el usuario
ViewIndex
ViewIndex <
cializauos
o en
ear
edad
hace
3)
s
{
}
e
{
}
e
{
}
}
pro
{
i
{
}
e
{
}
e
{
}
}
</s
</hea
<body
<
{
// Increme
// by one
DevPollMul
}
else if (Dev
{
// This is
// The use
// Insert
// Disable
Page4Save.
Page4Resta
}
else
{
throw new
}
otected void
if (DevPollM
{
// Decreme
// by one
DevPollMul
}
else if (Dev
{
// This is
// The use
// Return
DevPollMul
}
else
{
throw new
}
script>
ad>
y>
<form id "Fo
<h3>Mult
<asp:Pan
Widt
Heig
Hori
Font
Back
Bord
Bord
runa
<asp
ent the Activ
to advance
tiView.Activ
vPollMultiVi
the final v
er wants to
code here t
e the naviga
Enabled f
art.Enabled
Exception("A
d BackButton
MultiView.Ac
ent the Activ
to return t
tiView.Activ
vPollMultiVi
the final v
er wants to
to the firs
tiView.Activ
Exception("A
orm1" runat
tiView Activ
nel id "Page
th "330px"
ght "150px"
zontalAlign
t size "12"
kColor "#C0C
derColor "#4
derStyle "Do
at "Server">
p:MultiView
ActiveViewI
runat "Serv
<asp:View i
runat "
<asp:Lab
Fon
Tex
run
Ass
</asp:L
<asp:Ra
Te
Ch
Gr
Te
veViewIndex
to the next
veViewIndex
ew.ActiveVie
view.
save the sur
o save surve
tion buttons
alse;
false;
An error occ
Command(obj
tiveViewInde
veViewIndex
o the previo
veViewIndex
ew.ActiveVie
view.
restart the
t view.
veViewIndex
An error occ
"Server">
eViewIndex E
1ViewPanel"
"Left"
0FF"
04040"
uble"
id "DevPollM
ndex "0"
er">
d "Page1"
Server">
bel id "Page
t bold "true
t "What kind
at "Server"
ociatedContr
abel><br /><
dioButton id
xt "Web Appl
ecked "False
oupName "Rad
ema C
property
view.
+ 1;
ewIndex 3
rvey results
ey results.
s.
curred.");
ject sender,
ex > 0 & Dev
property
ous view.
1;
ewIndex 3
survey.
0;
curred.");
Example</h3>
MultiView"
e1Label"
e"
d of applica
rolID "Page1
<br />
d "Page1Radi
lications"
e"
dioGroup1"
Contioles
3)
s.
, EventArgs
vPollMultiVi
3)
>
ations do yo
1">
io1"
ue Seiviu
e)
iew.ActiveVi
ou develop?"
uoi Espec
ewIndex <
cializauos
2)
s
ru
</asp:R
<asp:Ra
Te
Ch
Gr
ru
</asp:
<asp:Bu
Tex
OnC
Hei
Wid
run
</asp:B
</asp:View>
<asp:View i
runat "
<asp:Lab
Fon
Tex
run
Ass
</asp:L
<asp:Ra
Te
Ch
Gr
ru
</asp:
<asp:Ra
Te
Ch
Gr
ru
</asp:
<asp:Bu
Tex
OnC
Hei
Wid
run
</asp:B
<asp:Bu
Tex
OnC
Hei
Wid
run
</asp:B
</asp:View>
<asp:View i
runat "
<asp:Lab
Fon
Tex
run
Ass
</asp:L
<asp:Ra
Te
Ch
Gr
ru
Te
nat "server"
adioButton><
dioButton id
xt "Windows
ecked "False
oupName "Rad
nat "server"
RadioButton>
tton id "Pag
t "Next"
lick "NextBu
ght "25"
th "70"
at "Server"
utton>
d "Page2"
Server">
bel id "Page
t bold "true
t "How long
at "Server"
ociatedContr
abel><br /><
dioButton id
xt "Less tha
ecked "False
oupName "Rad
nat "Server"
RadioButton>
dioButton id
xt "More tha
ecked "False
oupName "Rad
nat "Server"
RadioButton>
tton id "Pag
t "Previou
lick "BackBu
ght "25"
th "70"
at "Server"
utton>
tton id "Pag
t "Next"
lick "NextBu
ght "25"
th "70"
at "Server">
utton>
d "Page3"
Server">
bel id "Page
t bold "true
t "What is
at "Server"
ociatedContr
abel><br /><
dioButton id
xt "Visual B
ecked "False
oupName "Rad
nat "Server"
ema C
" >
<br />
d "Page1Radi
Forms Appli
e"
dioGroup1"
" >
><br /><br /
ge1Next"
utton Comman
">
e2Label"
e"
have you be
rolID "Page2
<br />
d "Page2Radi
an five year
e"
dioGroup1"
">
><br />
d "Page2Radi
an five year
e"
dioGroup1"
">
><br /><br /
ge2Back"
us"
utton Comman
">
ge2Next"
utton Comman
>
e3Label1"
e"
your primar
rolID "Page3
<br />
d "Page3Radi
Basic .NET"
e"
dioGroup1"
">
Contioles
io2"
ications"
/><br />
nd"
een a develo
2">
io1"
rs"
io2"
rs"
/><br />
nd"
nd"
ry programmi
3">
io1"
ue Seiviu
oper?"
ing language
uoi Espec
e?"
cializauos
s
<
</bod
</htm
using
using
using
using
using
</as
</asp:Pa
</form>
dy>
ml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
</asp:
<asp:Ra
Te
Ch
Gr
ru
</asp:
<asp:Ra
Te
Ch
Gr
ru
</asp:
<asp:B
Tex
OnC
Hei
Wid
run
</asp:B
<asp:Bu
Tex
OnC
Hei
Wid
run
</asp:B
</asp:View>
<asp:View i
runat "
<asp:Lab
Fon
Tex
run
Ass
</asp:L
<br /><b
<asp:Bu
Tex
OnC
Hei
Wid
run
</asp:B
<asp:Bu
Tex
OnC
Hei
Wid
run
</asp:B
</asp:View>
p:MultiView
anel>
ta;
nfiguration;
lections;
b;
Te
RadioButton>
dioButton id
xt "C#"
ecked "False
oupName "Rad
nat "Server"
RadioButton>
dioButton id
xt "C++"
ecked "False
oupName "Rad
nat "Server"
RadioButton>
utton id "Pa
t "Previou
lick "BackBu
ght "25"
th "70"
at "Server">
utton>
tton id "Pag
t "Next"
lick "NextBu
ght "25"
th "70"
at "Server">
utton><br />
d "Page4"
Server">
bel id "Labe
t bold "true
t "Thank y
at "Server"
ociatedContr
abel>
br /><br /><
tton id "Pag
t "Save Re
lick "NextBu
ght "25"
th "110"
at "Server">
utton>
tton id "Pag
t "Retake
lick "BackBu
ght "25"
th "110"
at "Server"
utton>
>
ema C
><br />
d "Page3Radi
e"
dioGroup1"
">
><br />
d "Page3Radi
e"
dioGroup1"
">
><br /><br /
age3Back"
us"
utton Comman
>
ge3Next"
utton Comman
>
>
el1"
e"
you for taki
rolID "Page4
<br /><br />
ge4Save"
esponses"
utton Comman
>
ge4Restart"
Survey"
utton Comman
">
Contioles
io2"
io3"
/>
nd"
nd"
ing the surv
4">
><br />
nd"
nd"
ue Seiviu
vey."
s
using
using
using
using
using
publi
{
p
{
}
p
{
}
p
{
}
p
{
}
}
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
MultiVie
}
protected vo
{
MultiVie
}
protected vo
{
MultiVie
}
protected vo
{
if (!IsP
{
Mult
}
}
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class MultiV
oid Button1
ew1.ActiveVi
oid Button2
ew1.ActiveVi
oid Button3
ew1.SetActiv
oid Page Loa
PostBack)
tiView1.Activ
Te
rols;
rols.WebPart
trols;
iew and View
Click(object
ewIndex 1;
Click(object
ewIndex 2;
Click(object
eView((View)
d(object sen
veViewIndex
ema C
ts;
w Controls :
t sender, Ev
;
t sender, Ev
;
t sender, Ev
)MultiView1.
nder, EventA
0;
Contioles
: System.Web
ventArgs e)
ventArgs e)
ventArgs e)
.FindControl
Args e)
ue Seiviu
b.UI.Page
l("View1"));
s
<%@ P
<!DOC
"http
<scri
p
{
}
</scr
<html
<head
<
</hea
<body
<
OnSel
</str
Navig
Navig
<
</bod
</htm
View
Repre
contr
El con
estar
como
La pr
de un
cuand
deter
repre
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
protected vo
{
MultiVie
}
ript>
l xmlns "htt
d id "Head1"
<title>Untit
ad>
y>
<form id "fo
<div>
<h3>
</h3
<asp
lectedIndexC
</as
<hr
<asp
rong>
gateUrl="htt
gateUrl="htt
</as
</form>
dy>
ml>
w
esenta un co
rol MultiView
ntrol View e
contenido d
o vista activa
opiedad Act
n control Mu
do el contro
rminar si un
esentan en e
ge="C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
oid DropDown
ew1.ActiveVi
tp://www.w3.
runat "serv
tled Page</t
orm1" runat
>
<font face
>
p:DropDownLi
Changed="Drop
<asp:ListIte
<asp:ListIte
<asp:ListIte
sp:DropDownL
/>
p:MultiView
<asp:View ID
Now show
<asp:Tex
<asp:Bu
<asp:View ID
Now show
<asp:Hyp
tp://www.asp
<asp:Hyp
tp://www.asp
<asp:View ID
Now show
<asp:Ca
</asp:View>
sp:MultiView
ontrol que ac
w.
s un contene
dentro de un
a en un contr
iveViewInde
ultiView. El c
l MultiView
control View
l cliente.
Te
3C//DTD XHTM
1/DTD/xhtml1
List1 Select
ewIndex Co
org/1999/xht
ver">
itle>
"server">
"Verdana">Mu
st ID="DropD
pDownList1 S
em Value="0"
em Value="1"
em Value="2"
ist><br />
ID="MultiVie
D="View1" ru
wing View #1
xtBox ID="Te
tton ID="But
D="View2" ru
wing View #2
perLink ID="
.net">HyperL
perLink ID="
.net">HyperL
D="View3" ru
wing View #3
lendar ID="C
></div>
cta como co
edor de un g
n control Mu
rol MultiView
ex especifica
control de vis
contenedor
w y sus contr
ema C
ML 1.0 Trans
1 transition
tedIndexChan
onvert.ToInt
tml">
ultiView wit
DownList1" r
SelectedInde
">View 1</as
">View 2</as
">View 3</as
ew1" runat="
unat="server
1<br />
extBox1" run
tton1" runat
unat="server
2<br />
"HyperLink1"
Link</asp:Hy
"HyperLink2"
Link</asp:Hy
unat="server
3<br />
Calendar1" r
ontenedor de
grupo de con
ltiView. Slo
w.
el control Vi
sta activa se
est visible.
roles secunda
Contioles
sitional//EN
nal.dtd">
nged(object
t32(DropDown
th 3 Views</
runat="serve
exChanged">
sp:ListItem>
sp:ListItem>
sp:ListItem>
"server" Act
r">
nat="server"
t="server" T
r">
" runat="ser
yperLink>
" runat="ser
yperLink></a
r">
runat="serve
e un grupo d
troles. Un co
o se puede d
ew activo de
representa e
Utilice la pr
arios estn v
ue Seiviu
N"
sender, Eve
nList1.Selec
/font>
er" AutoPost
>
>
>
tiveViewInde
"></asp:Text
Text="Button
rver"
rver"
asp:View>
er"></asp:Ca
de controles
ontrol View s
efinir un con
entro de la c
en el cliente,
opiedad Visi
visibles en la
uoi Espec
entArgs e)
ctedValue);
tBack="True"
ex="0">
tBox><strong
n" /></asp:V
alendar>
contenidos e
siempre deb
ntrol View a
coleccin Vie
, siempre y
ble para
pgina y se
cializauos
>
iew>
en un
be
la vez
ews
s
Un co
Mult
View
La cla
cuand
propi
contr
cuand
Activ
Para
Mult
propi
desee
Wiz
Propo
vario
x
x
x
El con
x
x
x
x
Pued
x
x
x
ontrol View p
iView. Un co
w, agregue un
ase View pro
do el contro
iedad Active
rol View dife
do cambie la
vate para Vie
permitir a lo
iView, pued
iedad Comm
e desplazars
zard
orciona expl
s pasos. Pue
Recopilar
Separar e
datos pro
Permitir l
ntrol Wizard
Una colec
cada paso
Funcione
mostrar e
Un rea d
concreta
Un rea d
pasos del
e utilizar el c
Recopilar
Separar e
datos pro
Permitir l
puede conte
ontrol View n
no o ms con
oporciona los
l View actua
eViewIndex c
erente. Por ej
a propiedad A
ew2 y el even
os usuarios d
e agregar un
mandName d
e.
oracin y un
ede utilizar el
r datos relac
en pasos lgi
oporcionado
la exploraci
d est formad
ccin Wizard
o, segn lo d
es de desplaz
en funcin d
de encabeza
para el paso
de barra late
l control.
control Wiza
r datos relac
en pasos lgi
oporcionado
la exploraci
Te
ener controle
no admite pr
ntroles Panel
s eventos Ac
l se conviert
cambia o se
jemplo, si Vi
ActiveViewI
nto Deactiva
esplazarse e
n control Link
del control Li
na interfaz de
l control Wiz
ionados en v
icos menores
s por el usua
n lineal o no
do por los co
dStepCollecti
definido por e
zamiento inte
el valor de S
do que se pu
o en el que se
eral que se pu
ard para:
ionados en v
icos menores
s por el usua
n lineal o no
ema C
es de cualqu
ropiedades d
l al control V
tivate y Dea
te en la vista
llama al mt
ew1 es la vis
ndex para es
te para View
entre varios c
kButton o Bu
nkButton o
e usuario (IU
zard para:
varios pasos.
s una pgina
ario.
o lineal en lo
omponentes
ion de pasos
el desarrolla
egradas que
tepType.
uede person
e encuentra
uede utilizar
varios pasos.
s una pgina
ario.
o lineal en lo
Contioles
ier tipo, inclu
de estilo. Par
View.
ctivate. Se p
activa. Esto
todo SetActiv
sta activa en
specificar Vie
w1.
controles Vie
utton a cada
Button en el
) para recop
a Web mayor
s pasos.
siguientes:
s que contien
dor de pgin
determinan
alizar con el
el usuario.
r para despla
a Web mayor
s pasos.
ue Seiviu
uidos otros c
ra aplicar est
rovoca el ev
ocurre cuan
veView para
un control M
ew2, se gene
ew contenido
control View
l Id. del cont
pilar datos re
r utilizada pa
nen la interfa
nas.
n los botones
fin de mostr
azarse rpida
r utilizada pa
uoi Espec
controles
tilos a un con
ento Activat
ndo el valor d
especificar u
MultiView,
erar el even
os en un con
w. Establezca
rol View al q
lacionados e
ara recopilar
az de usuario
s adecuados
rar informac
amente por l
ara recopilar
cializauos
ntrol
te
de la
un
nto
ntrol
a la
que
en
o para
para
in
os
s
El con
x
x
x
x
Pued
dinm
El asp
y con
SideB
StepN
Tenga
Intern
Intern
de m
El sig
nomb
separ
petic
Step2
Wiza
propi
<%@ P
<!DOC
"http
<html
<head
<
</hea
<body
<
<
OnAct
to fa
ntrol Wizard
Una colec
cada paso
Funcione
mostrar e
Un rea d
concreta
Un rea d
pasos del
e utilizar el m
micamente e
pecto del con
nfiguracin d
BarTemplate
NavigationTe
a en cuenta
net Explorer
net Explorer
anera prede
uiente ejem
bre y la direc
rado. Si el us
in para agre
2 a Finish. En
rd haciendo
iedad AllowR
Page Languag
CTYPE html P
p://www.w3.o
l>
d id "Head1"
<title>ASP.N
ad>
y>
<form id "fo
<asp:Wizard
BackColo
BorderCo
tiveStepChan
<StepSty
<WizardS
<asp
alse,
d est formad
ccin Wizard
o, segn lo d
es de desplaz
en funcin d
de encabeza
para el paso
de barra late
l control.
mtodo Mov
el paso que s
ntrol Wizard
e estilo. Por
, StartNaviga
emplate para
que el contr
r para el mod
r utilizando e
eterminada e
plo de cdig
ccin del usu
suario no sel
egar una dire
n el paso Fini
clic en GoBa
Return de St
ge "C#" Code
PUBLIC " //W
org/TR/xhtml
runat "serv
NET Example<
orm1" runat
ID "Wizard1
or "#EFF3FB"
olor "#B5C7D
nged "OnActiv
yle ForeColo
teps>
p:WizardStep
Welcome to
so after yo
Te
do por los co
dStepCollecti
definido por e
zamiento inte
el valor de S
do que se pu
o en el que se
eral que se pu
veTo o la pro
e muestra ac
d es totalmen
ejemplo, pu
ationTempla
a personaliza
ol Wizard no
do no estnd
el control Wiz
en Visual We
o muestra c
uario, con la o
ecciona Sepa
eccin de en
ish, el usuari
ackButton; s
tep1 est est
File "Wizard
3C//DTD XHTM
1/DTD/xhtml1
ver">
/title>
"server">
" runat "ser
Font Names
E" Style "fo
veStepChange
r "#333333"
ID "Step1"
the Wizard e
u leave this
ema C
omponentes
ion de pasos
el desarrolla
egradas que
tepType.
uede person
e encuentra
uede utilizar
opiedad Activ
ctualmente
nte personal
uede utilizar
ate, FinishNa
ar la interfaz
o admite la r
dar o quirks.
zard, use el
b Developer
mo definir
opcin de es
arateShippin
nvo separad
o tiene la op
sin embargo,
tablecida en
dClass.cs" I
ML 1.0 Trans
1 transition
rver" OnFini
"Verdana" F
ont size: me
ed">
Font Size "
Title "One"
example. Thi
s step you w
Contioles
siguientes:
s que contien
dor de pgin
determinan
alizar con el
el usuario.
r para despla
veStepIndex
en el control
izable a trav
las propieda
avigationTem
del control W
representaci
Para obtene
tipo de docu
r y en Visual
un control W
scribir una di
ngCheckBox
a, el control
pcin de volv
lleva al usua
false.
Inherits "Wi
sitional//EN
nal.dtd">
ishButtonCli
Font Size "0
edium; font
"0.8em" />
" AllowRetur
is step's Al
will not be
ue Seiviu
nen la interfa
nas.
n los botones
fin de mostr
azarse rpida
x para cambi
l Wizard.
s de las pla
ades HeaderT
mplate y
Wizard.
n especial d
er la mejor re
umento XHTM
Studio.
Wizard para r
ireccin de e
y, por lo tan
Wizard pasa
ver al princip
ario a Step2,
izardClasscs
N"
ick "OnFinis
0.8em" Borde
family: Ver
rn "false" r
llowReturn p
able to ret
uoi Espec
az de usuario
s adecuados
rar informac
amente por l
ar
ntillas, msc
Template,
de Microsoft
epresentaci
ML, que se a
recopilar el
envo por
nto, enva un
a directamen
pio del contro
, porque la
aspx" %>
hButtonClic
erWidth "1px
rdana;"
runat "serve
property is
turn to it.
cializauos
o para
para
in
os
caras
t
n de
grega
a
nte de
ol
k"
"
r">
set
s
/>
Heigh
Heigh
Heigh
/>
/>
check
>
Heigh
Heigh
Heigh
OnCli
</as
<asp
ht "17px" />
ht "17px" />
ht "17px" />
k here if yo
</as
<asp
ht "17px" />
ht "17px" />
ht "17px" />
</as
<asp
ick "OnGoBac
p:WizardStep
p:WizardStep
<! ... Pu
Please ente
<br />
Name:<br />
<asp:TextBo
<br />
E mail Addr
<asp:TextBo
>
<br />
Address Lin
<br />
<asp:TextBo
>
<br />
Address Lin
<br />
<asp:TextBo
>
<br />
City:
<br />
<asp:TextBo
<br />
State:
<br />
<asp:TextBo
<br />
ZIP Code:
<br />
<asp:TextBo
<br />
<br />
<asp:CheckB
ou would lik
p:WizardStep
p:WizardStep
<! Gather
Please ente
<br />
Name:<br />
<asp:TextBo
<br />
Address Lin
<br />
<asp:TextBo
>
<br />
Address Lin
<br />
<asp:TextBo
>
<br />
City:
<br />
<asp:TextBo
<br />
State:
<br />
<asp:TextBo
>
<br />
ZIP Code:
<br />
<asp:TextBo
p:WizardStep
p:WizardStep
<! Put UI
<asp:Button
ckButtonClic
Te
p>
ID "Step2"
t UI element
r your billi
x runat "ser
ess:<br />
x runat "ser
e 1:
x runat "ser
e 2:
x runat "ser
x runat "ser
x runat "ser
x runat "ser
ox runat "se
e to add a s
p>
ID "Step3"
the shippin
r your shipp
x runat "ser
e 1:
x runat "ser
e 2:
x runat "ser
x runat "ser
x runat "ser
x runat "ser
p>
ID "Finish"
elements he
runat "serv
k"
ema C
Title "Two"
ts here ...
ing informat
rver" ID "Bi
rver" ID "Em
rver" ID "Bi
rver" ID "Bi
rver" ID "Bi
rver" ID "Bi
rver" ID "Bi
erver" ID "S
separate shi
Title "Thre
ng address i
ping informa
rver" ID "Sh
rver" ID "Sh
rver" ID "Sh
rver" ID "Sh
rver" ID "Sh
rver" ID "Sh
" Title "Fin
ere for the
ver" ID "GoB
Contioles
" runat "ser
>
tion.
illingName"
mailAddress"
illingAddres
illingAddres
illingCity"
illingState"
illingZip" H
SeparateShip
ipping addre
ee" runat "s
in this step
ation.
hippingName"
hippingAddre
hippingAddre
hippingCity"
hippingState
hippingZip"
nish" runat
Finish step
BackButton"
ue Seiviu
rver">
Width "226p
" Width "224
ssLine1" Wid
ssLine2" Wid
Width "155p
" Width "75p
Height "17px
ppingCheckBo
ess." />
server">
p if CheckBo
" Height "17
ess1" Width
ess2" Width
" Height "17
e" Width "65
Height "17p
"server">
p. >
Text "Go Ba
uoi Espec
px" Height "
px"
dth "314px"
dth "314px"
px" Height "
px" Height "
x" />
ox" Text "Pl
ox1 was sele
px" />
"370px"
"370px"
px" />
px"
px" />
ack to Step
cializauos
17px"
17px"
17px"
ease
cted.
2"
s
Borde
ID "C
Heigh
Size
BackC
Bold
Borde
ForeC
<
<
</bod
</htm
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
p
{
}
}
erStyle "Sol
</as
<asp
Complete">
ht "24px">
</as
</Wizard
<Navigat
"1.0em"
Bord
Color "White
<HeaderS
"True"
Back
erWidth "2px
<SideBar
Color "#0000
Back
<HeaderT
<b>W
</Header
</asp:Wizard
</form>
dy>
ml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
if (!IsP
}
protected vo
{
Wizard1.
}
protected vo
{
if (Wiza
{
Labe
{
}
}
}
ForeCol
id"
BorderW
p:WizardStep
p:WizardStep
<asp:Label
</asp:Label
p:WizardStep
dSteps>
tionButtonSt
derStyle "So
e" />
tyle ForeCo
kColor "#284
x" />
rStyle Verti
99"
kColor "#EFF
Template>
Wizard Examp
rTemplate>
d>
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class Wizard
oid Page Loa
PostBack) { W
oid Wizard1
Visible f
oid Wizard1 N
ard1.WizardS
el1.Text S
foreach (Co
{
if (c i
{
Che
{
}
}
}
Te
or "#284E98"
idth "1px" B
p>
runat "serv
runat "serve
>
p>
yle ForeColo
lid" BorderW
lor "White"
E98" BorderS
calAlign "To
3FB" Width "
le</b>
rols;
rols.WebPart
trols;
Control : S
d(object sen
Wizard1.Acti
FinishButton
alse; Respon
NextButtonCl
teps[e.NextS
tring.Empty;
ntrol c in w
s CheckBox)
ckBox cb
Label1.Text
ema C
" Font Names
BorderColor
ver" StepTyp
er" ID "Comp
or "#284E98"
Width "1px"
HorizontalA
Style "Solid
op" Horizont
"45px" />
ts;
System.Web.U
nder, EventA
iveStepIndex
nClick(objec
nse.Write("F
lick(object
StepIndex].T
; foreach (W
ws.Controls)
(CheckBox)c;
t + cb.Text
Contioles
s "Verdana"
"#507CD1" B
pe "Complete
pleteMessage
" Font Names
BorderColor
Align "Cente
d" BorderCol
talAlign "Ce
UI.Page
Args e)
x 0; }
ct sender, W
Finished<br
sender, Wiz
Title "Su
WizardStep w
)
; if (cb.Che
t + "<br />"
ue Seiviu
Font Size "
BackColor "W
e" Title "Co
eLabel" Widt
s "Verdana"
r "#507CD1"
er" Font Siz
lor "#EFF3FB
enter" Font
WizardNaviga
/>" + Label
zardNavigati
ummary")
ws in Wizard
ecked)
";
uoi Espec
1.0em"
White" />
omplete"
th "408px"
Font
e "0.9em" F
B"
Size "0.8em
ationEventAr
1.Text);
onEventArgs
d1.WizardSte
cializauos
ont
"
gs e)
e)
ps)
s
<%@ P
<!DOC
"http
<scri
voi
{
L
DropD
}
</scr
<html
<head
<ti
</hea
<body
<fo
<
OnAct
Font-
StepT
<
</f
</bod
</htm
Page Languag
CTYPE html P
p://www.w3.o
ipt language
id GetFavori
Label1.Text
DownList1.Se
ript>
l xmlns "htt
d id "Head1"
itle>Simple
ad>
y>
orm id "form
<div>
<h2>Simple
<asp:Wizar
tiveStepChan
BackColo
-Names="Verd
Font-Siz
<WizardS
<asp:W
<str
<br
Favo
<asp
<a
<a
<a
<a
<a
<a
<a
<a
<a
<a
</as
<br
</asp:
<asp:W
Type="Comple
<str
<br
<asp
</asp:
</Wizard
<SideBar
</asp:Wiza
</div>
form>
dy>
ml>
ge="C#" %>
PUBLIC " //W
org/TR/xhtml
e "C#" runat
teNumberOnA
"Thank yo
electedItem.
tp://www.w3.
runat "serv
Single Step
m1" runat "s
e Single Step
rd ID="Wizard
nged="GetFav
or="#FFFBD6"
dana"
ze="0.8em" W
teps>
WizardStep ID
rong>Wizard
/><br />
orite Number
p:DropDownLi
asp:ListItem
asp:ListItem
asp:ListItem
asp:ListItem
asp:ListItem
asp:ListItem
asp:ListItem
asp:ListItem
asp:ListItem
asp:ListItem
sp:DropDownL
/>
WizardStep>
WizardStep ID
ete">
rong>Wizard
/>
p:Label ID="L
WizardStep>
dSteps>
rStyle Width
ard>
Te
3C//DTD XHTM
1/DTD/xhtml1
"server">
ctiveStepInd
u for tellin
Text;
org/1999/xht
ver">
Wizard Cont
erver">
p Wizard Con
d1" runat="s
oriteNumberO
BorderColor
idth="322px"
D="WizardSte
Step 1</stro
:
st ID="DropD
>1</asp:List
>2</asp:List
>3</asp:List
>4</asp:List
>5</asp:List
>6</asp:List
>7</asp:List
>8</asp:List
>9</asp:List
>10</asp:Lis
ist>
D="WizardSte
Step 2</stro
Label1" runa
"75px" Vert
ema C
ML 1.0 Trans
1 transition
dex(Object S
ng that your
tml">
trol</title>
ntrol</h2>
server" Acti
OnActiveStep
r="#FFDFAD"
">
ep1" runat="
ong>
DownList1" r
tItem>
tItem>
tItem>
tItem>
tItem>
tItem>
tItem>
tItem>
tItem>
stItem>
ep2" runat="
ong><br />
at="server"/
ticalAlign "
Contioles
sitional//EN
nal.dtd">
Sender, Even
r favorite n
>
iveStepIndex
pIndex"
BorderWidth
"server" Tit
runat="serve
"server" Tit
/>
"Top"/>
ue Seiviu
N"
ntArgs e)
number is:"
x="0"
h="1px" Cell
tle="Step 1"
er">
tle="Step 2"
uoi Espec
+
lPadding="5"
>
cializauos
s
Xml
Mues
Trans
XML
Para
que f
docu
caden
recog
Propie
Docu
Docu
Docu
De m
da fo
estab
repre
utiliza
medi
estilo
hoja
prede
de es
Propie
Tran
l
stra un docu
sformations
sin formato
especificar e
figuran a con
mento XML
na XML o un
gen las propi
edad
ument
umentConte
umentSourc
manera opcio
rmato al doc
bleciendo un
esentan los d
ar para dar f
ante un obje
o de transfor
de estilo de
eterminado.
stilos de tran
edad
sform
mento XML
(XSLT). El co
o utilizando
el documento
ntinuacin. E
que se pued
archivo XM
iedades para
Descrip
Estable
System
ent Estable
ce Estable
nal, se pued
cumento XM
a de las dos
diferentes tip
formato al do
eto System.X
rmacin XSL,
transformac
En la siguien
nsformacin
Descripc
Aplica fo
System.
Te
sin formato
ntrol Xml se
transformac
o XML que s
stas tres pro
den mostrar.
L si se estab
a especificar
cin
ce el docume
m.Xml.XmlD
ce el docume
ce el docume
e especificar
ML antes de q
propiedades
pos de hojas
ocumento XM
Xml.Xsl.XslCo
establecien
cin XSL, se m
nte tabla se e
XSL.
cin
ormato al doc
Xml.Xsl.XslT
ema C
o que utiliza
utiliza para
ciones XSL.
e va a mostr
opiedades re
Se puede m
lece la propi
el document
ento XML me
Document.
ento XML me
ento XML me
r una hoja de
que se escrib
s que figuran
de estilo de
ML. Se pued
ompiledTran
do la propied
mostrar el d
enumeran la
cumento XML
ransform esp
Contioles
a Extensible S
mostrar el c
rar, establezc
presentan lo
ostrar un Sy
edad adecua
to XML.
diante un obj
diante una ca
diante un arc
e estilo de tr
ba ste en la
n a continuac
transformac
e dar format
sform o med
dad adecuad
documento X
as propiedad
L mediante el
pecificado.
ue Seiviu
Stylesheet La
ontenido de
ca una de las
os distintos t
stem.Xml.Xm
ada. En la sig
jeto
adena.
chivo.
ansformaci
secuencia de
cin. Las dos
cin XSL que
to al docume
diante un arc
da. Si no se e
XML con el fo
des para espe
l objeto
uoi Espec
anguage
un docume
s tres propie
ipos de
mlDocument
guiente tabla
n XSL (XSLT)
e salida
s propiedade
se pueden
ento XML
chivo de hoja
especifica nin
ormato
ecificar una h
cializauos
nto
dades
t, una
a se
) que
es
a de
nguna
hoja
s
Tran
<!
The f
XslTr
The o
docum
the s
>
<%@ P
<%@ I
<%@ I
<!DOC
"
<html
<s
</
<head
<
</hea
<body
<h
</bod
</htm
<!
For t
named
your
<?xml
<xsl:
<xs
<
</x
<xs
<
sformSourc
following ex
ransform obj
objects are
ment. Make s
sample XSL T
Page Languag
Import Names
Import Names
CTYPE html P
"http://www.
l >
script runat
void Page
{
XmlDocu
doc.Loa
XslTran
trans.L
xml1.Do
xml1.Tr
}
/script>
d id "Head1"
<title>Xml C
ad>
y>
h3>Xml Examp
<form id "
<asp:Xm
</form>
dy>
ml>
this example
d peopletabl
.aspx file.
l version "1
stylesheet
sl:template
<xsl:apply t
xsl:template
sl:template
<table width
<tr>
<td>
<b>
<xsl
&#16
<xsl
</b>
</td>
</tr>
<tr>
<td>
<xsl:v
<xsl:v
,
<xsl:v
<xsl:v
</td>
</tr>
ce Aplica fo
de trans
xample demon
ects from t
then used b
ure the samp
Transform fi
ge "C#" Auto
pace "System
pace "System
PUBLIC " //W
w3.org/TR/x
t "server">
Load(Object
ument doc
ad(Server.Map
nsform trans
Load(Server.M
ocument do
ransform t
runat "serv
Class Exampl
ple</h3>
form1" runa
ml id "xml1"
e to work, p
e.xsl. Stor
.0" encodin
version "1.
match "/Peop
templates se
e>
match "Pers
h "100%" bor
:value of s
0;
:value of s
value of sel
value of sel
value of sel
value of sel
Te
ormato al doc
sformacin XS
strates how
he sample XM
y the Xml co
ple XML file
le is called
EventWireup
m.Xml" %>
m.Xml.Xsl" %
3C//DTD XHTM
html1/DTD/xh
sender, Eve
new XmlDocum
pPath("peopl
new XslTr
MapPath("peo
c;
rans;
ver">
e</title>
t "server">
runat "serv
aste the fol
e the file i
g "utf 8"?>
0" xmlns:xsl
ple">
lect "Person
on">
der "1">
elect "Name/
elect "Name/
ect "Address
ect "Address
ect "Address
ect "Address
ema C
cumento XML
SL especificad
to create X
ML and XSL T
ontrol to di
e is called
d Peopletabl
"True" %>
%>
ML 1.0 Trans
html1 transi
entArgs e)
ment();
le.xml"));
ransform();
opletable.xs
ver" />
llowing code
in the same
l "http://ww
n" />
/FirstName"
/LastName" /
s/Street" />
s/City" />
s/State" />
s/Zip" />
Contioles
L mediante el
do.
XmlDocument
Transform fi
isplay the X
People.xml
le.xsl.
sitional//EN
itional.dtd"
sl"));
e into a fil
directory a
ww.w3.org/19
/>
/>
><br />
ue Seiviu
l archivo de h
and
iles.
XML
and
N"
">
le
as
999/XSL/Tran
uoi Espec
hoja de estilo
nsform">
cializauos
o
s
<
</x
<xs
</
<x
</
</xsl
>
<!
For t
named
your
<?xml
<Peop
<Pe
<
<
<
<
<
<
</P
<Pe
<
<
<
<
<
<
</P
<Pe
<
<tr>
<td>
Job Ti
Descri
</td>
</tr>
</table>
xsl:template
sl:template
<bookstore
<xsl:ap
</bookstor
/xsl:templat
xsl:template
<book>
<xsl:at
<xsl
</xsl:a
<price>
<xsl
</price
<xsl:te
</xsl:t
</book>
/xsl:templat
l:stylesheet
this example
d people.xml
.aspx file.
l version "1
ple>
erson>
<Name>
<FirstName
<LastName>
</Name>
<Address>
<Street>18
<City>Redm
<State>WA<
<ZipCode>9
</Address>
<Job>
<Title>CEO
<Descripti
</Job>
Person>
erson>
<Name>
<FirstName
<LastName>
</Name>
<Address>
<Street>13
<City>Paso
<State>CA<
<ZipCode>9
</Address>
<Job>
<Title>Att
<Descripti
</Job>
Person>
erson>
<Name>
<FirstName
tle: <xsl:v
ption: <xsl
e>
match "book
e>
pply templat
re>
te>
e match "boo
ttribute nam
:value of s
attribute>
>
:value of s
e>
ext>
text>
te>
t>
e to work, p
. Store the
.0" encodin
e>Joe</FirstN
>Suits</LastN
00 Success W
mond</City>
</State>
8052</ZipCo
O</Title>
on>Wears th
e>Linda</Fir
>Sue</LastNam
02 American
o Robles</Ci
</State>
3447</ZipCo
torney</Titl
on>Stands up
e>Jeremy</Fi
Te
alue of sele
:value of se
store">
es select "b
k">
e "ISBN">
elect "@ISBN
elect "price
aste the fol
file in the
g "utf 8" ?>
Name>
Name>
Way</Street>
de>
e nice suit<
stName>
me>
St.</Street
ty>
de>
e>
p for justic
rstName>
ema C
ect "Job/Tit
elect "Job/D
book"/>
N"/>
e"/>
llowing code
e same direc
>
>
</Descriptio
t>
ce</Descript
Contioles
tle" /><br /
Description"
e into a fil
ctory as
on>
tion>
ue Seiviu
/>
" />
le
s
<
<
<
<
<
</P
<Pe
<
<
<
<
<
<
</P
</Peo
>
XML
<?xml
<CarLi
<Car V
<Car V
<Car V
<Car V
<Car V
XSL T
<?xml
versio
com:xs
<xsl:t
<title
<cente
</cent
<xsl:t
<font
</font
<font
</font
<font
</font
<font
</font
<font
</th>
</tabl
<xsl:t
<xsl:v

<LastName>
</Name>
<Address>
<Street>34
<City>Waik
<State>HI<
<ZipCode>9
</Address>
<Job>
<Title>Pro
<Descripti
</Job>
Person>
erson>
<Name>
<FirstName
<LastName>
</Name>
<Address>
<Street>70
<City>Redm
<State>WA<
<ZipCode>9
</Address>
<Job>
<Title>Web
<Descripti
</Job>
Person>
ople>
File CarLis
version="1.0
ist>
Vin="1A59B" M
Vin="9B25T" M
Vin="3H13R" M
Vin="7D67A" M
Vin="4T21N" M
Transformat
version="1.0
on="1.0"xmlns
slt" xmlns:la
template matc
e>Car List</t
er> <h1>Car L
ter> </body>
template name=
size="4" > <
t> </th> <th
size="4" > <
t> </th> <th
size="4" > <
t> </th> <th
size="4"> <b>
t> </th> <th
size="4" > <
</tr> <xsl:c
le> </xsl:tem
template name=
value of sele
>Boards</Las
Palm Avenu
kiki</City>
</State>
8052</ZipCo
o Surfer</Ti
on>Rides th
e>Joan</Firs
>Page</LastN
0 Webmaster
mond</City>
</State>
8073</ZipCo
b Site Devel
on>Writes t
st.xml
" encoding="u
ake="Chevrole
ake="Ford" Mo
ake="BMW" Mod
ake="Mazda" M
ake="VW" Mode
tion File Ca
" encoding="u
:xsl="http://
bs="http://la
h="/"> <html>
itle> </head>
ist</h1> <xsl
</html> </xsl
="CreateHeadi
b>VIN</b>
bgcolor="yell
b>Make</b>
bgcolor="yell
b>Model</b>
bgcolor="yell
>Year</b>
bgcolor="yell
b>Price</b> <
all template
plate>
="CreateTable
ct="@Vin"/> <
Te
tName>
e</Street>
de>
tle>
e big waves<
tName>
ame>
Road</Stree
de>
oper</Title>
he pretty pa
utf 8" ?>
et" Model="Imp
odel="F 250" Y
del="Z4" Year=
Model="Miata"
el= "Beetle" Y
arList.xsl
utf 8" ?> <xsl
/www.w3.org/19
abs.com/myname
> <head>
> <body>
:call templat
:template>
ng"> <table b
ow">
ow">
ow">
ow">
</font>
name="CreateT
e"> <xsl:for e
</td>
ema C
</Descriptio
et>
>
ages</Descri
pala" Year="19
Year="1970" Pr
="2006" Price=
Year="2003" P
Year="1956" Pr
l:stylesheet
999/XSL/Transf
espace">
te name="Creat
border="1" cel
Table"/>
each select="/
Contioles
on>
iption>
963" Price="1
rice="1595.00
="55123.00" />
Price="28250.
rice="500.00"
form" xmlns:m
teHeading"/>
llpadding="5">
/CarList/Car">
ue Seiviu
125.00" />
" />
>
00" />
/></CarList>
sxsl="urn:sch
> <tr > <th b
> <tr> <td al
uoi Espec
>
hemas microsof
bgcolor="yello
ign="center">
cializauos
ft
ow">
>
s
<td al
<xsl:v
<xsl:v
<xsl:v
<xsl:v
</xsl
publi
{
}
Tes
1. W
contr
2. Yo
your
and o
the be
lign="center">
value of sele
value of sele
value of sele
value of sele
:template> </
ic partial c
{
protecte
{
Xml1
Xml1
}
}
t
Which of the
rols? (Choose
A. To cre
B. To cre
C. To cre
D. To dis
our graphics
company sel
others are com
est way to in
A. Use Im
clicks to f
B. Use th
are displa
product li
C. Use th
in each V
the produ
D. Use an
the PostB
>
ct="@Make"/>
ct="@Model"/>
ct="@Year"/>
ct="format nu
xsl:styleshee
class Xml Co
ed void Page
.DocumentSo
.TransformS
following r
e one.)
eate and popu
eate a custom
eate and popu
splay a tabula
department j
lls. Some of
mplex shape
ncorporate th
mageButton
figure out wh
he Table, Ta
ayed in the
ine that was
he MultiView
View control
uct line that w
n ImageMap
BackValue to
Te
</td> <td>
></td> <td>
</td> <td ali
umber(@Price,'
et>
ntrol : Syst
Load(object
urce "~/Ap
ource "~/A
represents th
ulate a Table
mized control
ulate a Table
ar result set
just complete
the product
es. You want
he image into
and use the
hat product l
ableRow, and
cells, and us
clicked.
w control and
for each pro
was clicked.
control and
identify the
ema C
ign="right">
'$#,##0.00')"/
tem.Web.UI.P
t sender, Ev
pp Data/CarL
App Data/Car
he best use
e in Design v
l that needs to
e with images
ed an elabor
line graphics
to use this im
o your Web s
x- and y-co
line the user
d TableCell
se the Table
d break up th
oduct line. U
define hot s
product line
Contioles
/> </td> </tr>
Page
ventArgs e)
List.xml";
rList.xsl";
of the Tabl
view
o display dat
s
ate image th
s are circular
mage as a m
site? (Choose
oordinates th
clicked.
controls, bre
eCell control
he image int
Use the Click
pot areas for
e that was cli
ue Seiviu
> </xsl:for e
le, TableRow
ta in a tabula
at shows the
r, while othe
menu on your
e one.)
hat are return
eak the imag
ls Click eve
o pieces that
k event of th
r each of the
icked.
uoi Espec
each>
w, and Tabl
ar fashion
e product line
ers are rectan
Web site. W
ned when the
ge into piece
ent to identi
t can be disp
e View to id
product line
cializauos
e-Cell
es that
ngular,
What is
e user
es that
fy the
played
dentify
s. Use
s
3. Yo
sprea
data,
to ga
What
page?
ou are writin
ads over mult
validate the
ather the data
t is the easie
? (Choose on
A. The Vi
B. The Te
C. The W
D. The D
ng a Web site
tiple Web pa
data, and sav
a that is spre
est control to
ne.)
View control
extBox contro
Wizard contro
DataCollectio
Te
e that collect
ages. When t
ve the data to
ead over mul
o implement
ol
ol
on control
ema C
ts lots of dat
the user reac
o the databas
ltiple pages
t that can be
Contioles
ta from your
ches the last p
se. You notic
and you wan
used to col
ue Seiviu
r users, and t
page, you ne
ce that it can
nt to simplif
llect the data
uoi Espec
the data colle
eed to gather
n be rather di
fy this applic
a on a single
cializauos
ection
r all of
fficult
cation.
e Web
s
AApliicac
co
cio
on .
Te
Co
Sei
enl
uat
M
ne
.NE
ema
ntiol
iviuo
lazau
tos
MC
s
ET 3
les ue
oi We
uos a

CTS:
Web
3.5
e
eb
:
b
5
Te
en
El en
desar
para
efect
hasta
sino m
cdig
orden
agreg
ste c
parte
inme
corre
contr
El uso
funda
decla
ASPX
datos
cdig
desap
existe
interf
using
using
using
using
using
using
using
using
using
using
/// <
/// S
/// <
publi
{
p
p
vin;
p
{
}
p
p
ema
nlazau
lace a datos
rrolladores e
el acceso a d
ividad. No o
a cierto punt
ms bien en
go para contr
nacin o elim
ga un nuevo
consiste en d
es visuales de
nsa mayora
ectamente fa
roles: los com
o de compon
amental con
arativo. Este
X o repartido
s obliga a los
go de forma
parecer y son
ente. Los com
faces conoci
g System;
g System.Dat
g System.Con
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Col
<summary>
Summary desc
</summary>
ic class Car
public Car()
public Car(s
Make make
public strin
{
get { re
set { vi
}
private stri
public strin
C
uos a
fue una de l
en ASP.NET 1
datos, el enla
bstante, al e
o imperfecto
el hecho de
rolar incluso
minacin. Pa
modelo de o
diferentes co
e los control
del cdigo q
actorizado y c
mponentes d
nentes de or
siste en la po
nuevo mode
entre las cla
s desarrollad
inherente. Lo
n sustituidos
mponentes d
das y ofrece
ta;
nfiguration;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
lections.Ge
cription for
r
{ }
tring vin,
e; Model m
ng Vin
eturn vin; }
n value;
ng vin;
ng Make
a
ontio
a uato
as sorpresas
1.x. Compara
ace a datos s
enfrentarse a
o. Las limitac
que los desa
las operacio
ra aportar un
origen de dat
ontroles nue
es enlazados
que los desa
creado, se e
de origen de
igen de dato
osibilidad de
elo reduce el
ases de cdig
ores a segui
os extensos
s por compo
de origen de
n, en genera
rols;
rols.WebPart
trols;
neric;
Car
string make,
odel; Year
}
Contiole
oles u
os
s ms agrada
ado con la co
supuso una m
a las necesida
ciones no se
arrolladores
ones sencilla
na solucin a
tos.
vos sin IU qu
s a datos y lo
rrolladores d
ncuentra aho
datos.
os aporta num
e un modelo
l cdigo flexi
go subyacent
r unas reglas
bloques de c
nentes que s
datos se de
al, un nivel m
ts;
, string mod
year; Pric
s ue Seivi
ue Sei
ables con las
ompatibilidad
mezcla extra
ades de los d
encuentran
deben escrib
s y habituale
a este proble
ue completan
os contenedo
deban escrib
ora incrustad
merosas ven
de enlace a
ble insertad
te. La nueva
s estrictas. A
cdigo asocia
simplemente
rivan de clas
ms alto de re
del, int yea
ce price;
iuoi Web
iviuo
que se enco
d de las pgi
ordinaria de
desarrollado
en la funcio
bir una gran
es tales como
ema, en ASP
n el vaco ex
ores de dato
bir en ASP.NE
do en una nu
ntajas: la prim
datos compl
o en lnea en
arquitectura
dems, cam
ados a event
e se conecta
ses abstracta
eutilizacin.
ar, decimal
}
enlazauo
oi We
ontraron los
nas Active Se
simplicidad
res reales, re
nalidad gene
cantidad de
o la paginaci
.NET 2.0 se
istente entre
s. Bsicamen
ET 1.x,
ueva familia
mera y
letamente
n los recurso
a de enlace a
bia la calida
tos tienden a
n al marco
as, implemen
price) { Vi
os a uatos
eb
erver
y
esult
eral,
n,
e las
nte, la
de
os de
a
d del
a
ntan
n
s
{
}
p
p
{
}
p
p
{
}
p
p
{
}
p
p
{
"Impa
1595.
Car("
"Beet
}
}
Con
Los co
contr
x
x
x
. NET
comu
El Hie
contr
El Da
Comp
que d
{
get { re
set { ma
}
private stri
public strin
{
get { re
set { mo
}
private stri
public int Y
{
get { re
set { ye
}
private int
public decim
{
get { re
set { pr
}
private deci
public stati
{
List<Car
ala", 1963,
00M)); carL
"7D67A", "Ma
tle", 1956,
}
troles En
ontroles Dat
roles DataBo
Los contr
Los contr
FormsVie
Los jerrq
T Framework
unes y el com
erarchicalDat
roles que mu
taBoundCon
positeDataBo
deben mostr
eturn make;
ake value;
ng make;
ng Model
eturn model;
odel value
ng model;
Year
eturn year;
ear value;
year;
mal Price
eturn price;
rice value
mal price;
c List<Car>
r> carList
1125.00M));
List.Add(new
azda", "Miat
500.00M));
lazados a
taBound son
ound se clas
roles Simples
roles Compu
ew.
quicos son aq
k proporciona
mportamient
taBoundCon
uestran dato
ntrol hereda
oundControl
rarse en form
a
}
}
}
; }
}
}
}
; }
GetList()
new List<Ca
carList.Add
Car("3H13R"
a", 2003, 28
return carLi
a Datos
n controles q
ifican en Sim
s son aquello
estos son aq
quellos relac
a varias clase
to de los dato
ntrol hereda
s jerrquicos
de la BaseDa
l y la ListCon
ma de cuadro
Contiole
ar>(); carLi
d(new Car("9
", "BMW", "Z
8250.00M));
ist;
que se enlaza
mples, Compu
os que hered
quellos que h
cionados con
es base que s
os concretos
de la BaseDa
s, como el m
ataBoundCo
trol, que son
o de datos, ta
s ue Seivi
ist.Add(new
9B25T", "For
Z4", 2006, 5
carList.Add
an o conecta
uestos o Jera
dan de ListCo
heredan de G
n controles d
se utilizan pa
s sujetos a co
ataBoundCon
men y contro
ntrol y es la
n las clases d
ales como el
iuoi Web
Car("1A59B"
rd", "F 250"
55123.00M));
d(new Car("4
an a las fuent
arquicos.
ontrol y AdRo
GridView, De
de men y Tr
ara proporci
ontroles.
ntrol y es la c
oles TreeView
clase padre
de padres a o
GridView y
enlazauo
, "Chevrole
, 1970,
carList.Ad
T21N", "VW"
tes de datos
otator.
etailsView, y
eeView
onar propied
clase padre a
w.
a la
otros control
DropDownL
os a uatos
t",
d(new
,
. Los
dades
a los
es
ist.
s
La cla
cuand
este m
contr
Usan
El Bas
clase
La pr
recup
clase
La pr
datos
Norm
dos, t
El con
ejecu
ase DataBou
do los datos
mtodo en u
roles.
ndo Objet
seDataBoun
contiene las
opiedad Dat
pera su lista
que implem
opiedad Dat
s recupera su
malmente, fij
toma priorid
ntrol DataBo
ucin llamand
ndControl tie
estn listos
un control, re
tos DataS
dControl es
s propiedade
taSource Obt
de elemento
menta IEnume
taSourceID O
u lista de ele
aremos una
dad DataSour
ound se cone
do al mtodo
a
ene un mto
para ser llam
ecursivamen
Source
un control d
es DataSourc
tiene o estab
os de datos.
erable, IListS
Obtiene o est
ementos de d
de las propi
rceID.
ecta automt
o DataBind e
Contiole
odo llamado
mados desde
nte se llama a
e Web que h
ce y DataSou
blece el obje
El objeto Da
Source, IData
tablece el Id
datos.
edades Data
ticamente al
en este cont
s ue Seivi
DataBind. Ll
e el origen de
a este mismo
hereda direc
urceID.
eto del que e
ataSource es
aSource, o IH
. del control
aSource o Da
control de o
rol.
iuoi Web
lamaremos a
e datos. Cuan
o mtodo en
tamente de
l control enl
un ejemplo
HierarchicalD
del cual el c
ataSourceID.
origen de dat
enlazauo
a este mtod
ndo se llama
n todos los
Control. Esta
azado a dato
tpico de un
Datasource.
ontrol enlaz
Si fijamos la
tos en tiemp
os a uatos
do
a a
a
os
na
ado a
as
po de
s
Tene
x
x
x
x
x
Map
Un co
simpl
plant
Los co
GridV
En un
x
x
x
x
x
x
x
Usan
Propo
gene
hered
mos una ser
AccessDa
SqlDataS
XmlDataS
ObjectDa
SiteMapD
pear Camp
ontrol de pla
lemente pro
tillas para de
ontroles con
View, Details
n control pod
HeaderTe
FooterTe
ItemTem
Alternatin
SelectedI
Separato
EditItemT
ndo la cla
orciona com
rar y analiza
dar.
rie de objeto
ataSource
Source
Source
ataSource
DataSource
pos a las P
antilla es un c
vee el meca
terminar el i
n soporte a p
sView, and Fo
demos usar l
emplate
mplate
plate
ngItemTemp
temTemplat
rTemplate
Template
ase DataB
patibilidad c
r la sintaxis d
a
s fuente de d
Plantillas
control que n
nismo para
interface de
plantillas son
ormView
as siguiente
plate
te
Binder
con diseado
de expresion
Contiole
datos que po
s
no tiene inte
enlazar los d
usuario.
:
s plantillas:
ores de desar
nes de enlace
s ue Seivi
odemos cone
erface de usu
datos. Los De
rrollo rpido
e de datos. E
iuoi Web
ectar a un ob
uario por def
esarrolladore
o de aplicacio
Esta clase no
enlazauo
bjeto DataBo
fecto. El cont
es usaran las
ones (RAD) p
se puede
os a uatos
ound
trol
s
para
s
Las ex
utiliza
unidi
(actu
una e
en lo
proce
Las ex
contr
expre
del co
En el
un co
<asp
Da
Da
Ru
<I
Eval
Eval
Eval
Eval
Eval
</
</as
Utiliz
El m
contr
ejecu
elem
parte
fila d
enlac
El m
valor
segun
xpresiones d
an las funcio
reccional (de
alizable). Ad
expresin de
s delimitado
esamiento de
xpresiones d
rol o de la cla
esiones de en
ontrol y no e
ejemplo de
ontrol FormV
p:FormView
ataSourceI
ataKeyName
unAt="serv
ItemTempla
<table>
<tr><td
l("Product
<tr><td
l("Product
<tr><td
l("Categor
<tr><td
l("Quantit
<tr><td
l("UnitPri
</table>
/ItemTempl
sp:FormVie
zar el mtod
todo Eval ev
roles enlazad
ucin, el mt
ento de dato
e ms peque
e un control
ce dentro de
todo Eval to
de dicho ca
ndo parmet
de enlace de
ones Eval y B
e slo lectura
dems de llam
e enlace de d
ores <%# y %
e la pgina.
de enlace de
ase Page. Pa
nlace de dat
es necesario
cdigo siguie
View en una
w ID="Form
ID="SqlDat
es="Produc
ver">
ate>
d align="r
tID") %></
d align="r
tName") %>
d align="r
ryID") %><
d align="r
tyPerUnit"
d align="r
ice") %></
late>
ew>
o Eval
vala las exp
dos a datos, c
odo Eval llam
os actual del
a del contro
GridView. P
las plantillas
oma el nomb
mpo desde e
tro opcional
a
datos estn
ind. La funci
a). La funci
mar a los m
atos, puede
> para ejecu
datos se res
ra los contro
os se resuelv
llamar al m
ente se mue
propiedad It
mView1"
taSource1"
ctID"
right"><b>
/td></tr>
right"><b>
></td></tr
right"><b>
</td></tr>
right"><b>
") %></td>
right"><b>
/td></tr>
presiones de
como GridVi
ma al mtod
contenedor
ol enlazado a
Por consiguie
s de un cont
bre de un cam
el registro ac
a fin de espe
Contiole
contenidas
in Eval se u
n Bind se uti
todos Eval y
llamar a cua
tar dicho c
suelven cuan
oles como Gr
ven automt
todo DataBi
estra el uso d
temTemplat
"
>Product I
>Product N
r>
>Category
>
>Quantity
></tr>
>Unit Pric
datos enlaza
iew, DetailsV
o Eval del ob
r de nombres
a datos que
ente, el mto
rol enlazado
mpo de dato
ctual en el or
ecificar un fo
s ue Seivi
dentro de lo
tiliza para de
iliza para el e
y Bind para r
alquier cdig
digo y devolv
ndo se llama
ridView, Deta
ticamente du
ind de forma
de las expres
e
ID:</b></t
Name:</b><
ID:</b></
Per Unit:
ce:</b></t
ados tardam
View y Form
bjeto DataBi
s. El contene
contiene un
odo Eval slo
o a datos.
os y devuelve
rigen de dato
ormato para
iuoi Web
os delimitado
efinir un enla
enlace de tip
ealizar el en
go de mbito
ver un valor
al mtodo D
ailsView y Fo
urante el eve
a explcita.
iones de enl
td>
</td>
/td>
:</b></td>
td>
mente en las
mView. En tie
nder, hacien
edor de nom
registro com
o se puede u
e una cadena
os. Puede pro
la cadena de
enlazauo
ores <%# y %
ace de tipo
po bidireccio
lace de dato
o pblico incl
durante el
DataBind de
ormView, las
ento PreRen
ace de datos
<td><%#
<td><%#
<td><%#
><td><%#
<td><%#
plantillas de
empo de
ndo referenci
bres suele se
mpleto, como
tilizar para e
a que contien
oporcionar u
evuelta. El
os a uatos
%>, y
nal
os en
uido
un
s
der
s con
e
ia al
er la
o una
el
ne el
un
s
parm
String
Utiliz
El m
signif
mto
modi
En AS
utiliza
de or
Upda
Detai
los co
orige
razn
Inser
El m
fila G
entra
<Edi
<t
metro de for
g.
zar el mtod
todo Bind ti
ficativas. Aun
odo Bind o co
ficar los dato
SP.NET, los c
ar automtic
rigen de dato
ate para el co
ilsView, o en
ontroles secu
n de datos a
n, la funcin
rtItemTempl
todo Bind s
GridView en m
ada como pa
itItemTemp
table>
<tr>
<td ali
<b>Em
</td>
<td>
<%# E
</td>
</tr>
<tr>
<td ali
<b>Fi
</td>
<td>
<asp:
Tex
</td>
</tr>
<tr>
<td ali
<b>La
</td>
<td>
<asp:
T
</td>
</tr>
<tr>
<td col
<asp:
rmato de cad
o Bind
iene algunas
nque los valo
on el mtodo
os.
ontroles enl
camente las
os. Por ejemp
ontrol de orig
n una plantil
undarios de
a su vez ejecu
Bind se utiliz
ate de un co
uele emplea
modo de edi
rte de su pro
plate>
ign=right>
mployee ID
Eval("Empl
ign=right>
irst Name:
TextBox I
xt='<%# Bi
ign=right>
ast Name:<
TextBox I
Text='<%#
lspan="2">
LinkButto
a
dena utiliza la
s similitudes
ores de los ca
o Eval, el m
azados a dat
operaciones
plo, si ha def
gen de datos
la de control
la plantilla y
uta el coman
za dentro de
ontrol enlaza
rse con cont
icin. Cuand
opia represe
>
D:</b>
loyeeID")
>
</b>
ID="EditFi
ind("First
>
</b>
ID="EditLa
Bind("Las
>
on ID="Upd
Contiole
a sintaxis de
con el mto
ampos enlaz
todo Bind ta
tos como Gr
s de actualiza
finido instruc
s, el uso de B
l FormView
pasarlos al c
ndo correspo
e las propied
ado a datos.
troles de ent
o el control e
ntacin, pue
%>
irstNameTe
tName") %>
astNameTex
stName") %
dateButton
s ue Seivi
finida para e
do Eval, pero
zados a datos
ambin se ut
idView, Deta
acin, supres
cciones SQL
Bind en un co
permite al co
control de or
ondiente par
ades EditIte
trada como T
enlazado a d
ede extraer lo
extBox" Ru
>' />
xtBox" Run
%>' />
n" RunAt="
iuoi Web
el mtodo Fo
o hay diferen
s se pueden
tiliza cuando
ailsView y Fo
sin e inserc
Select, Inser
ontrol GridV
ontrol extrae
rigen de dato
a la base de
mTemplate
TextBox repr
datos crea es
os valores de
unAt="Serv
nAt="Serve
"server"
enlazauo
ormat de la c
ncias
recuperar co
o se pueden
ormView pu
in de un co
rt, Delete y
View o
er los valore
os. El contro
datos. Por e
o
resentado po
stos controle
e entrada.
ver"
er"
os a uatos
clase
on el
eden
ontrol
s de
l de
esta
or una
es de
s
</
</Ed

<%# Bi

<%# Bi
Rep
El con
dispo
cada
plant
forma
HTM
Prog
La cla
INam
Conti
Propi
Alter
DataM
DataS
DataS
Foote
Head
Tex
&nbsp
<asp:
Tex
</td>
</tr>
/table>
ditItemTem
<%# Eval
<%# Eval
ind("Vin") %>
ind("Vin", "{
peater
ntrol Repeat
osicin perso
elemento vi
tillas. No tien
ato y de disp
L y clases AS
gramaci
ase Repeater
mingContaine
iene las sigui
iedad
rnatingItemT
Member
Source
SourceID
erTemplate
derTemplate
xt="Update
p;
LinkButto
xt="Cancel
mplate>
("Vin") %>
("Vin", "{0:C

0:C}" ) %>
ter es un con
onalizada. Fu
sualizado en
ne caracters
posicin deb
SP.NET
n de la in
r hereda de C
er.
ientes propie
Template
a
e" Command
on ID="Can
l" Command
C}" ) %>
ntrol con vinc
nciona por r
n la lista. Este
ticas de disp
e ser declara
nterfaz de
Control y act
edades:
Contiole
dName="Upd
ncelUpdate
dName="Can
culacin a da
repeticin de
e control es b
posicin inter
ada explcita
l control
ta como un
Desc
La pla
los e
Mod
Data
contr
Mod
IEnum
para
Mod
orige
para
La pla
parte
La pla
parte
s ue Seivi
date" />
eButton" R
ncel" />
atos que mue
e una plantill
bsico en cu
rna ni de est
mente y cod
Repeater
contenedor
ripcin
antilla utiliza
lementos res
ifica o obtien
Source que t
rol
ifica u obtien
merable que
rellernar la l
ifica u obtien
en de datos q
rellernar las
antilla que d
e inferior
antilla que d
e superior
iuoi Web
RunAt="ser
estra datos u
la ASP.NET d
anto al funci
ilo. Toda la i
dificada medi
r.
r implementa
ada para dibu
stantes
ne la tabla es
tiene que vin
ne el origen
e proporcion
lista
ne el nombre
que proporci
s lista
efine cmo
efine cmo
enlazauo
rver"
usando una
determinada
ionamiento c
nformacin
iante etiquet
ando la inter
ujar cada un
specfica de
ncularse con
de datos
a cualquier d
e del contro
iona los dato
se dibuja la
se dibuja la
os a uatos
para
con
de
tas
rfaz
o de
este
dato
l de
os
s
www.uepuianuo.com 1Su
Items
ItemT
Sepa
Las p
contr
La pr
datos
El con
fuent
Even
Item
Item
punto
Item
datos
Para
1
2
3
En el
DataL
mues
s
Template
ratorTempla
ropiedades s
roles.
opiedad Item
s mostrada.
ntrol Repeat
te de datos v
ntos
mCommand
Se desenc
mCreated
Se desenc
o, la propied
mDataBound
Se desenc
s subyacente
responder a
1. Incluya u
2. Establezc
funcin, c
3. Cree un m
haga lo si
a. C
p
b. E
ejemplo sigu
List. En el eje
stra un carro
ate
son element
ms contiene
ter rellena la
vinculada.
cadena cuan
cadena cuan
dad DataItem
d
cadena desp
es. Esta vez,
a eventos de
n control Bu
ca la propied
como "sort"
mtodo para
iguiente:
Compruebe l
para ver qu
Ejecute la lg
uiente se mu
emplo, la pro
o de la compr
a
tos de la plan
la lista de ele
coleccin Ite
ndo un botn
ndo se est c
m, siempre de
pus de que u
la propiedad
e botn en co
tton, LinkBu
ad Comman
o "copy".
a el evento It
a propiedad
cadena de c
gica adecuad
uestra cmo
opiedad Item
ra. El botn e
Contiole
Devu
esto
Repe
repre
repea
La Pla
elem
La pla
los e
ntilla que for
ementos hijo
ems enumer
n se pulsa de
reando uno
evuelve nulo
un elemento
d DataItem n
ontroles Dat
tton o Image
ndName del
temComman
CommandN
omando se h
a para el bot
se puede re
mTemplate co
enva el com
s ue Seivi
uelve un obje
es, una colec
eaterItem. Ca
esenta una fi
ater
antilla que d
entos
antilla que d
lementos
rman la inter
os que estn
rando todos
entro del con
de los eleme
o.
o de Repeate
o es nula.
taList y Repe
eButton en u
botn en un
nd del contro
Name del obj
ha transferid
tn en que h
sponder a u
ontiene un c
mando AddTo
iuoi Web
eto Repeater
ccin de elem
ada element
ila de datos m
efine cmo
ibuja los sep
rfaz de usuar
n asociados c
los objetos d
ntrol Repeate
entos de la re
er se haya vin
eater
una plantilla
a cadena qu
ol contenedo
jeto argume
do.
hizo clic el us
n clic del bot
control Image
oCart. El cont
enlazauo
rItemcollecti
mentos
o de la colec
mostrados e
se dibujan lo
paradores en
rio de los
con cada fila
de datos en l
er
epeticin. En
nculado con
de control.
e identifique
or. En el mt
nto del even
suario.
tn en un co
eButton que
trolador de
os a uatos
on,
ccin
en
os
ntre
de
la
n este
los
e su
odo,
nto
ontrol
e
s
www.uepuianuo.com 1S1
event
comp
1
2
3
4
5
6
7
8
9
1
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
<
<
Comma
%></t
></as
Comma
%></t
%></F
<
<
<
</bod
</htm
prote
{
Respo
xt);
List
Acta
todos
tos ItemCom
pra, ejecuta l
. protected
. DataL
. {
. if (e
. {
. //
. //
. //
. }
0. }
Page Languag
rits "eRepea
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
<form id "fo
<div>
<asp:Rep
onit
<Hea
<Ite
andName "Imp
td><td><asp:
sp:TextBox><
<Alt
andArgument
td></tr></Al
<Foo
FooterTempla
</asp:Re
<asp:Obj
Sele
</div>
<asp:Label I
</form>
dy>
ml>
ected void R
{
Label1.
Response
onse.Write((
}
tControl
a como la cla
s los controle
mmand deter
la lgica corr
d void DataL
ListCommandE
.CommandName
Add code he
Use the val
item in the
ge "C#" Auto
ater1" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
orm1" runat
peater ID "R
temcommand "
aderTemplate
emTemplate><
<asp:Button
par" CommandA
TextBox ID
</td></tr></
ternatingItem
<asp:Button
'<%# Eval("V
ternatingIt
oterTemplate
ate>
epeater>
ectDataSour
ectMethod "G
D "Label1"
Repeater1 It
Text e.Com
e.Write(e.It
(TextBox)(e
ase base abst
es de tipo de
a
rmina el bot
respondiente
List1 ItemCo
EventArgs e)
e "AddToC
ere to add t
lue of e.Ite
e control.
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
"server">
epeater1" ru
Repeater1 It
><h1>Venta d
tr><td>
ID "Button1
Argument '<%
"TextBox1" r
ItemTemplate
mTemplate><t
ID "Button2
Vin") %>'/><
emTemplate>
></table><%
ce ID "Objec
etList" Type
runat "serve
emCommand(ob
mmandName +
em.ItemIndex
.Item.Contro
tracta que d
e lista.
Contiole
n en que se
e.
ommand(objec
Cart")
the item to
em.ItemIndex
"true" Code
ML 1.0 Trans
1 transition
tml">
unat "server
temCommand"
de Coches</h
1" runat "se
%# Eval("Vin
runat "serve
e>
tr bgcolor "
2" runat "se
<%# Eval("Vi
DateTime.N
ctDataSource
eName "Car">
er" Text "La
bject source
" : " + e.C
x);
ols[e.Item.I
efine las pro
s ue Seivi
e hizo clic y, s
t source,
the shopping
to retrieve
eFile "eRepe
sitional//EN
nal.dtd">
r" DataSourc
>
h1><table></
erver" Text
n") %>' /><%
er" Text '<%
"#eeeeee"><t
erver" Text
in") %></td>
Now.ToLongDa
e1" runat "s
></asp:Objec
abel"></asp:
e, RepeaterC
CommandArgum
ItemIndex].F
opiedades, m
iuoi Web
si fue el bot
g cart.
e the data
eater1.aspx.
N"
ceID "Object
/HeaderTempl
"Button"
%# Eval("Vin
%# Eval("Mod
td>
"Button" Co
><td><%# Eva
ateString()
server"
ctDataSource
Label>
CommandEvent
ment;
FindControl(
mtodos y eve
enlazauo
n del carro d
cs"
tDataSource1
ate>
n")
del") %>'
ommandName "
al("Model")
e>
tArgs e)
"TextBox1")
entos comun
os a uatos
de la
"
Par"
)).Te
nes a
s
No se
ello, o
ListBo
Las p
el con
a enla
propi
distin
elem
respe
contr
Todo
Utilic
ndice
propi
La cla
selec
perm
<%@ P
<!DOC
"
<html
<head
<
<scri
</
</hea
<body
<f
e puede crea
otras clases
ox y RadioBu
ropiedades d
ntrol de lista
azar al contr
iedad DataM
ntos campos
entos del co
ectivamente.
rol de lista es
s los elemen
ce la propied
e de un elem
iedad del ele
ase ListContr
cin del con
mite incluir un
Page Languag
CTYPE html P
"http://www.
l >
d id "Head1"
<title> List
ipt runat "s
void Butto
{
// Perf
try
{
List
Mess
}
catch (
{
List
Mess
}
}
/script>
ad>
y>
form id "for
<h3> ListC
<asp:ListB
runat
<asp:Li
<asp:Li
ar directame
heredan esta
uttonList, y a
de la clase Li
a. Utilice la p
rol de lista. S
Member para
del origen d
ntrol de lista
. Se puede d
stableciendo
ntos mostrad
ad SelectedI
mento selecc
emento selec
rol proporcio
trol de lista c
n controlado
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
runat "serv
tControl Sel
erver">
on Click(Obj
form this op
t.SelectedVa
ageLabel.Te
Exception e
t.SelectedVa
ageLabel.Te
rm1" runat "
Control Sele
Box ID "List
t "server">
stItem>Item
stItem>Item
a
nte una insta
a clase como
as se propor
istControl pe
ropiedad Da
i el origen de
a especificar
de datos a las
a establecien
ar formato a
o la propieda
dos en el con
ndex para es
ionado en el
ccionado me
ona el evento
cambia valor
or personaliza
EventWireup
3C//DTD XHTM
html1/DTD/xh
ver">
ectedValue E
ect sender,
eration in a
lue ItemTe
xt "You se
x)
lue null;
xt "Item n
server">
ctedValue Ex
"
1</asp:List
2</asp:List
Contiole
ancia de la c
o, por ejemp
ciona una fu
ermiten espe
taSource pa
e datos cont
la tabla que
s propiedade
ndo las propi
al texto que s
ad DataTextF
ntrol de lista
specificar o d
l control de l
ediante la pro
o SelectedIn
res de un en
ado para est
"True" %>
ML 1.0 Trans
html1 transi
Example </ti
EventArgs e
a try catch
extBox.Text;
elected " +
not found in
xample </h3>
tItem>
tItem>
s ue Seivi
lase abstract
plo, las clases
ncionalidad
ecificar el ori
ra especifica
iene ms de
se va a utiliz
es ListItem.T
iedades Data
se muestra p
FormatString
se almacena
determinar m
ista. Se pued
opiedad Sele
dexChanged
vo a otro en
te evento.
sitional//EN
itional.dtd"
itle>
e)
block in ca
;
List.Select
n ListBox co
>
iuoi Web
ta ListContro
s CheckBoxLi
bsica com
igen de los d
ar el origen d
una tabla, u
zar. Se puede
ext y ListItem
aTextField y
para cada ele
.
an en la colec
mediante pro
de obtener a
ectedItem.
d que se prov
nvo en el ser
N"
">
ase the item
tedValue + "
ontrol.";
enlazauo
ol. En lugar d
ist, DropDow
n.
datos que rel
de datos que
utilice la
en vincular
m.Value de lo
DataValueFi
emento en e
ccin Items.
ogramacin
acceso a la
voca cuando
rvidor. Esto
m is not fou
.";
os a uatos
de
wnList,
lenan
se va
os
eld,
l
el
la
nd.
s
www.uepuianuo.com 1SS
</
</bod
</htm
<asp:Li
<asp:Li
</asp:List
<hr />
Enter the
<asp:TextB
MaxLe
Text
runat
&nbs
<asp:Butto
Text
OnCli
runat
<br /><br
<asp:Label
runat
/form>
dy>
ml>
stItem>Item
stItem>Item
tBox>
value of th
Box ID "Item
ength "6"
"Item 1"
t "server"/>
p;
on ID "Selec
"Select Item
ck "Button
t "server"/>
/>
ID "Messag
t "server"/>
a
3</asp:List
4</asp:List
e item to se
TextBox"
tButton"
m"
Click"
eLabel"
Contiole
tItem>
tItem>
elect: <br /
s ue Seivi
/>
iuoi Web enlazauo os a uatos
s
Dro
Repre
despl
Utilic
Para
Borde
Para
objet
Drop
El con
orige
conte
Contr
Utilic
elem
<%@ P
<!DOC
"
<html
<s
</
<head
<
</hea
<body
opDownL
esenta un co
legable.
ce el control
controlar la
erColor, Bord
especificar lo
to ListItem, p
DownList.
ntrol DropDo
n de datos, c
enga los elem
rol.DataBind
ce la propied
ento seleccio
Page Languag
CTYPE html P
"http://www.
l >
script runat
void Selec
{
// Set
// base
// Drop
Calenda
Sys
}
/script>
d id "Head1"
<title> Drop
ad>
y>
List
ontrol que pe
DropDownL
apariencia d
derStyle y Bo
os elemento
por cada entr
ownList adm
cree un orige
mentos que s
d para enlaza
ad SelectedI
onado por e
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
t "server" >
ction Change
the backgro
ed on the va
pDownList co
ar1.DayStyle
tem.Drawing
runat "serv
pDownList Ex
a
ermite al usu
List para crea
del control D
orderWidth.
os que deben
rada, entre l
mite asimismo
en de datos,
se van a mos
ar el origen d
ndex para d
l usuario en
EventWireup
3C//DTD XHTM
html1/DTD/xh
(Object send
und color fo
lue selected
ntrol.
.BackColor
.Color.FromN
ver">
ample </titl
Contiole
uario seleccio
ar un control
ropDownLis
n aparecer en
as etiquetas
o el enlace d
como un ob
strar en el co
de datos al co
eterminar m
el control Dr
"True" %>
ML 1.0 Trans
html1 transi
der, EventAr
or days in t
d by the use
Name(ColorLi
le>
s ue Seivi
onar un nic
de lista desp
t, establezca
n el control D
de apertura
de datos. Par
bjeto System
ontrol. A con
ontrol DropD
mediante pro
ropDownList
sitional//EN
itional.dtd"
rgs e)
the Calendar
er from the
ist.Selected
iuoi Web
o elemento
plegable de
a las propied
DropDownLi
a y de cierre
ra enlazar el
.Collections.
tinuacin, ut
DownList.
gramacin e
t.
N"
">
r control
dItem.Value)
enlazauo
de una lista
seleccin n
ades
ist, coloque u
del control
control a un
ArrayList, qu
tilice el mto
el ndice del
;
os a uatos
nica.
un
ue
odo
s
<f
</
</bod
</htm
using
using
using
using
using
using
using
using
using
using
//add
using
publi
{
p
p
{
form id "for
<h3> DropD
Select a b
<br /><br
<asp:Calen
ShowG
ShowT
runat
<br /><br
<table cel
<tr>
<td>
B
</td
</tr>
<tr>
<td>
<
<
</td
</tr>
</table>
/form>
dy>
ml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ded
g System.Col
ic partial c
private List
protected vo
{
if (!IsP
rm1" runat "
DownList Exam
background c
/>
ndar id "Cal
GridLines "T
Title "True"
t "server"/>
/>
lpadding "5
>
Background c
d>
>
<asp:DropDow
AutoPos
OnSelec
runat "
<asp:List
<asp:List
<asp:List
<asp:List
<asp:List
</asp:DropDow
d>
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
lections.Ge
class DropDow
t<Car> carLi
oid Page Loa
PostBack)
a
server">
mple </h3>
olor for day
endar1"
rue"
">
olor:
nList id "Co
tBack "True"
tedIndexChan
server">
Item Selecte
Item Value "
Item Value "
Item Value "
Item Value "
wnList>
rols;
rols.WebPart
trols;
neric;
wnList Contr
st Car.Get
d(object sen
Contiole
ys in the ca
olorList"
"
nged "Select
ed "True" Va
"Silver"> Si
"DarkGray">
"Khaki"> Kha
"DarkKhaki">
ts;
rol : System
tList();
nder, EventA
s ue Seivi
alendar.
tion Change"
alue "White"
ilver </asp:
Dark Gray <
aki </asp:Li
> Dark Khaki
m.Web.UI.Pag
Args e)
iuoi Web
"
"> White </a
ListItem>
</asp:ListIt
istItem>
i </asp:List
ge
enlazauo
asp:ListItem
tem>
tItem>
os a uatos
>
s
DropD
{0:C}
}
p
DropD
}
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
<
<
<
<
{
Drop
DownList1.Da
}"; DropDown
}
}
protected vo
DownList1.Se
Page Languag
rits "DropdD
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
<form id "fo
<div>
<asp:Dro
onse
<asp
<asp
<asp
</asp:Dr
<asp:Lab
<asp:Lab
<asp:Lab
<br />
<asp:Dro
Auto
Data
onse
<asp
</asp:Dr
<asp:Obj
Sele
<br />
<asp:Lab
<br />
<asp:Lab
<br />
<asp:Lab
</div>
</form>
pDownList1.D
ataValueFiel
nList1.DataB
oid Button1
electedValue
ge "C#" Auto
DownList1" %
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
orm1" runat
opDownList I
electedindex
p:ListItem V
p:ListItem V
p:ListItem V
ropDownList>
bel ID "Labe
bel ID "Labe
bel ID "Labe
opDownList I
oPostBack "T
aValueField
electedindex
p:ListItem><
ropDownList>
ectDataSour
ectMethod "G
bel ID "Labe
bel ID "Labe
bel ID "Labe
a
ataSource
d "Price";
ind();
Click(object
; }
EventWireup
>
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
"server">
D "DropDownL
changed "Dro
alue "E1">El
alue "E2">El
alue "E3">El
l1" runat "s
l2" runat "s
l3" runat "s
D "DropDownL
rue" DataSou
"Vin"
changed "Dro
/asp:ListIte
ce ID "Objec
etList" Type
l4" runat "s
l5" runat "s
l6" runat "s
Contiole
carList; Dr
; DropDownLi
t sender, Ev
"true" Code
ML 1.0 Trans
1 transition
tml">
List1" runat
opDownList1
lemento1</as
lemento2</as
lemento3</as
server" Text
server" Text
server" Text
List2" runat
urceID "Obje
opDownList2
em>
ctDataSource
eName "Car">
server" Text
server" Text
server" Text
s ue Seivi
ropDownList1
ist1.DataTex
ventArgs e)
eFile "Dropd
sitional//EN
nal.dtd">
t "server" A
SelectedInd
sp:ListItem>
sp:ListItem>
sp:ListItem>
t "Label"></
t "Label"></
t "Label"></
t "server" A
ectDataSourc
SelectedInd
e1" runat "s
></asp:Objec
t "Label"></
t "Label"></
t "Label"></
iuoi Web
1.DataTextFi
xtFormatStri
{ Label1.Te
dDownList1.a
N"
AutoPostBack
dexChanged">
>
>
>
/asp:Label><
/asp:Label><
/asp:Label>
AppendDataBo
ce1" DataTex
dexChanged">
server"
ctDataSource
/asp:Label>
/asp:Label>
/asp:Label>
enlazauo
eld "Pric
ng "Price
ext
aspx.cs"
k "True"
>
<br />
<br />
oundItems "T
xtField "Mod
>
e>
os a uatos
e";
:
rue"
el"
s
</bod
</htm
using
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
p
{
}
}
List
Repre
Utilic
elem
selec
ListSe
dy>
ml>
g System;
g System.Col
g System.Con
g System.Dat
g System.Lin
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Xml
ic partial c
protected vo
{
}
protected vo
{
Label1.T
Label2.T
Label3.T
}
protected vo
{
Label4.T
Label5.T
Label6.T
}
tBox
esenta un co
ce el control
entos. Utilice
cin de vario
electionMod
lections;
nfiguration;
ta;
nq;
b;
b.Security;
b.UI;
b.UI.HtmlCon
b.UI.WebCont
b.UI.WebCont
.Linq;
class DropdD
oid Page Loa
oid DropDown
Text "El e
Text "El V
Text "El I
oid DropDown
Text "El e
Text "El V
Text "El I
ontrol de cua
ListBox para
e la propieda
os elemento
de.Multiple.
a
trols;
rols;
rols.WebPart
ownList1 : S
d(object sen
List1 Select
lemento sele
alor selecci
ndice selecc
List2 Select
lemento sele
alor selecci
ndice selecc
adro de lista
a crear un co
ad Rows par
s, establezca
Contiole
ts;
System.Web.U
nder, EventA
tedIndexChan
eccionado es
ionado es "
cionado es "
tedIndexChan
eccionado es
ionado es "
cionado es "
que permite
ntrol de lista
a especificar
a la propieda
s ue Seivi
UI.Page
Args e)
nged(object
s " + DropDo
+ DropDownL
" + DropDown
nged(object
s " + DropDo
+ DropDownL
" + DropDown
e la seleccin
a que permit
r el alto del c
ad SelectionM
iuoi Web
sender, Eve
ownList1.Sel
List1.Select
nList1.Selec
sender, Eve
ownList2.Sel
List2.Select
nList2.Selec
n de uno o va
te la selecci
control. Para
Mode en
enlazauo
entArgs e)
ectedItem;
tedValue;
ctedIndex;
entArgs e)
ectedItem;
tedValue;
ctedIndex;
arios elemen
n de uno o v
habilitar la
os a uatos
ntos.
varios
s
Utilic
ejem
colec
<%@ P
<!DOC
"
<html
<head
<
<scri
</
</hea
<body
<h
<f
</
</bod
</htm
using
using
using
using
using
using
using
using
using
using
publi
{
p
p
{
ce la colecci
plo, puede d
ccin Items y
Page Languag
CTYPE html P
"http://www.
l >
d>
<title>ListB
ipt language
void Submi
{
if (Lis
Labe
}
/script>
ad>
y>
h3>ListBox E
form id "for
<asp:ListB
Rows
Width
Selec
runat
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
</asp:List
<asp:butto
Text
OnCli
runat
<asp:Label
Font
Font
runat
/form>
dy>
ml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
private List
protected vo
{
ListBox1
n Items para
determinar lo
y comproban
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
Box Example<
e "C#" runat
tBtn Click(
tBox1.Selec
el1.Text "Yo
Example</h3>
rm1" runat "
Box id "List
"6"
h "100px"
ctionMode "S
t "server">
stItem>Item
stItem>Item
stItem>Item
stItem>Item
stItem>Item
stItem>Item
tBox>
on id "Butto
"Submit"
ck "SubmitB
t "server" /
id "Label1
Names "Verd
Size "10pt"
t "server"/>
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class ListBo
t<Car> carLi
oid Page Loa
.SelectionM
a
a examinar lo
os elemento
ndo el valor S
EventWireup
3C//DTD XHTM
html1/DTD/xh
/title>
"server">
Object sende
tedIndex >
u chose: " +
server">
Box1"
ingle"
1</asp:List
2</asp:List
3</asp:List
4</asp:List
5</asp:List
6</asp:List
n1"
tn Click"
>
"
ana"
rols;
rols.WebPart
trols;//adde
x Control :
st Car.Get
d(object sen
ode ListSe
Contiole
os objetos Li
s seleccionad
Selected de c
"True" %>
ML 1.0 Trans
html1 transi
er, EventArg
1)
+ ListBox1.S
tItem>
tItem>
tItem>
tItem>
tItem>
tItem>
ts;
ed using Sys
System.Web.
tList();
nder, EventA
electionMode
s ue Seivi
stItem inclui
dos en el con
cada elemen
sitional//EN
itional.dtd"
gs e)
SelectedItem
stem.Collect
.UI.Page
Args e)
e.Multiple;
iuoi Web
idos en el co
ntrol ListBox
nto ListItem.
N"
">
m.Text;
tions.Generi
enlazauo
ontrol ListBo
x enumerand
c;
os a uatos
x. Por
do la
s
}
p
{
}
}
Che
Crea
de fo
ListBox2
if (!IsP
{
List
List
List
List
List
}
}
protected vo
{
foreach
{
if (
{
}
}
ListBox2
}
eckBoxLis
un grupo de
rma dinmic
.SelectionM
PostBack)
tBox1.DataSo
tBox1.DataTe
tBox1.DataVa
tBox1.DataTe
tBox1.DataBi
oid Button1
(ListItem i
item.Select
ListBox2.It
.DataBind()
st
e casillas de v
ca enlazando
a
ode ListSe
urce carLi
xtField "P
lueField "
xtFormatStri
nd();
Click(object
tem in ListB
ed)
ems.Add(item
;
verificacin d
o el control a
Contiole
electionMode
ist;
Price";
"Price";
ing "Price
t sender, Ev
Box1.Items)
m);
de seleccin
al origen de d
s ue Seivi
e.Multiple;
e: {0:C}";
ventArgs e)
mltiple cuy
datos.
iuoi Web
ya creacin p
enlazauo
podra realiza
os a uatos
arse
s
El con
que s
de Ite
deter
comp
Es po
Repe
valor
la list
estab
Repe
El con
contr
<%@ P
<!DOC
"
<html
<head
<
<scri
ntrol CheckB
se pueden ge
ems con mie
rminar cule
pruebe la pro
osible especif
atLayout y R
predetermi
ta se present
blece en Rep
eatDirection.
ntrol CheckB
roles CheckB
Page Languag
CTYPE html P
"http://www.
l >
d id "Head1"
<title> Chec
ipt runat "s
void Check
{
Message
// Iter
// cont
for (in
{
BoxList propo
enerar dinm
embros que s
s son los ele
opiedad Sele
ficar la forma
RepeatDirect
nado), la list
ta sin estruct
eatDirection
.Horizontal,
BoxList aport
Box individua
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
runat "serv
ckBoxList Ex
erver">
k Clicked(Ob
e.Text "Se
rate through
trol and disp
nt i 0; i<ch
a
orciona un g
micamente m
se correspon
mentos sele
ected de cada
a en que se m
tion. Si Repea
a se present
tura de tabla
n.Vertical. Si
la lista se pr
ta prcticas f
ales permiten
EventWireup
3C//DTD XHTM
html1/DTD/xh
ver">
ample </titl
ject sender,
lected Item
the Items c
play the sel
eckboxlist1
Contiole
rupo de casi
mediante el e
nden a eleme
eccionados, r
a elemento d
muestra la li
atLayout se
ta en una tab
a. De forma p
se establece
esenta de fo
funciones de
n un mayor c
"True" %>
ML 1.0 Trans
html1 transi
le>
, EventArgs
(s):<br /><b
collection o
lected items
.Items.Count
s ue Seivi
llas de verifi
enlace de dat
entos individ
recorra la col
de la lista.
sta utilizand
establece en
bla. Si se esta
predetermin
e esta propie
orma horizon
e enlace de d
control sobre
sitional//EN
itional.dtd"
e)
br />";
of the Check
s.
t; i++)
iuoi Web
cacin de se
tos. Contiene
uales de la li
leccin en ite
o las propied
n RepeatLayo
ablece en Re
ada, Repeat
edad en
ntal.
datos. Sin em
e el diseo.
N"
">
kBoxList
enlazauo
eleccin mlt
e una colecc
ista. Para
eracin y
dades
out.Table (e
epeatLayout
tDirection se
mbargo, los
os a uatos
tiple
in
l
.Flow,
e
s
</
</hea
<body
<f
</
</bod
</htm
Rad
Repre
contr
opci
Conti
de la
Selec
Pued
Repe
prede
if (
{
M
}
}
}
/script>
ad>
y>
form id "for
<h3> Check
Select ite
<br /><br
<asp:Check
AutoP
CellP
CellS
Repea
Repea
Repea
TextA
OnSel
runat
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
</asp:Chec
<br /><br
<asp:label
/form>
dy>
ml>
dioButton
esenta un co
rol RadioBut
n de selecci
iene una cole
lista. Para d
ctedItem de l
e especificar
atDirection.
eterminado)
checkboxlis
Message.Text
rm1" runat "
kBoxList Exam
ems from the
/>
kBoxList id
PostBack "Tr
Padding "5"
pacing "5"
atColumns "2
atDirection
atLayout "Fl
Align "Right
ectedIndexC
t "server">
stItem>Item
stItem>Item
stItem>Item
stItem>Item
stItem>Item
stItem>Item
ckBoxList>
/>
id "Messag
nList
ontrol de lista
ttonList prop
n nica que
eccin Items
eterminar cu
la lista.
r la represen
Si RepeatLa
, la lista se re
a
t1.Items[i]
+ checkbox
server">
mple </h3>
CheckBoxLis
"checkboxlis
ue"
"
"Vertical"
ow"
"
hanged "Chec
1</asp:List
2</asp:List
3</asp:List
4</asp:List
5</asp:List
6</asp:List
e" runat "se
a que encaps
porciona a lo
e se pueden
s con miemb
ul es el elem
ntacin de la
yout se esta
epresenta en
Contiole
.Selected)
xlist1.Items
st.
st1"
ck Clicked"
tItem>
tItem>
tItem>
tItem>
tItem>
tItem>
erver" Assoc
sula un grup
s desarrollad
generar din
ros que se c
mento selecc
lista con las
ablece en Rep
n una tabla.
s ue Seivi
s[i].Text +
ciatedContro
po de control
dores de pg
micamente
orresponden
cionado, prue
propiedade
peatLayout.T
Si se estable
iuoi Web
"<br />";
olID "checkb
les de botn
ginas un grup
e mediante e
n con elemen
ebe la propie
s RepeatLayo
Table (el val
ece en Repea
enlazauo
boxlist1"/>
de opcin. E
po de botone
l enlace de d
ntos individu
edad
out y
or
atLayout.Flo
os a uatos
El
es de
datos.
uales
w, la
s
lista s
Repe
Repe
<%@ P
<!DOC
"
<html
<hea
<
<scri
</he
<bod
Text
Text
se represent
eatDirection
eatDirection.
Page Languag
CTYPE html P
"http://www.
l >
ad>
<title>Radio
ipt language
void But
{
if (R
{
La
}
}
void chk
{
if (c
{
Ra
}
else
{
Ra
}
}
void chk
{
if (c
{
Ra
}
else
{
Ra
}
}
</script>
ead>
dy>
<h3>RadioBu
<form id "f
<asp:Ra
<asp
<asp
<asp
<asp
<asp
<asp
</asp:R
<br />
<asp:Ch
"Display Ta
<br />
<asp:Ch
"Display Ho
<br />
ta sin estruct
se establece
.Horizontal,
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
oButtonList
e "C#" runat
tton1 Click(
RadioButtonL
abel1.Text
kLayout Chec
chkLayout.Ch
adioButtonLi
adioButtonLi
kDirection C
chkDirection
adioButtonLi
adioButtonLi
uttonList Ex
form1" runat
adioButtonLi
p:ListItem>I
p:ListItem>I
p:ListItem>I
p:ListItem>I
p:ListItem>I
p:ListItem>I
RadioButtonL
heckBox id "
able Layout"
heckBox id "
orizontally"
a
tura con form
e en RepeatD
la lista se re
EventWireup
3C//DTD XHTM
html1/DTD/xh
Example</tit
"server">
object Sourc
ist1.Selecte
"You select
kedChanged(O
ecked tru
st1.RepeatLa
st1.RepeatLa
heckedChange
.Checked
st1.RepeatDi
st1.RepeatDi
ample</h3>
"server">
st id "Radio
tem 1</asp:L
tem 2</asp:L
tem 3</asp:L
tem 4</asp:L
tem 5</asp:L
tem 6</asp:L
ist>
chkLayout" O
Checked "tr
chkDirection
AutoPostBac
Contiole
ma de tabla.
Direction.Ve
presenta en
"True" %>
ML 1.0 Trans
html1 transi
tle>
ce, EventArg
edIndex > 1
ted: " + Rad
Object sende
ue)
ayout Repe
ayout Repe
ed(Object se
true)
irection R
irection R
oButtonList1
ListItem>
ListItem>
ListItem>
ListItem>
ListItem>
ListItem>
OnCheckedCha
rue" AutoPos
n" OnChecked
ck "true" ru
s ue Seivi
De forma pr
rtical. Si esta
formato hor
sitional//EN
itional.dtd"
gs e)
1)
dioButtonLis
er, EventArg
eatLayout.Ta
eatLayout.Fl
ender, Event
RepeatDirect
RepeatDirect
1" runat "se
anged "chkLa
stBack "true
dChanged "ch
unat "server
iuoi Web
redeterminad
ablece esta p
rizontal.
N"
">
st1.Selected
gs e)
able;
low;
tArgs e)
tion.Horizon
tion.Vertica
erver">
ayout Checke
e" runat "se
hkDirection
r" />
enlazauo
da,
propiedad en
dItem.Text;
ntal;
al;
edChanged"
erver" />
CheckedChan
os a uatos
n
ged"
s
</bo
</ht
using
using
using
using
using
using
using
using
using
using
publi
{
p
p
{
}
}
<asp:Bu
<br />
<asp:La
</form>
ody>
tml>
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
private List
protected vo
{
RadioBut
RadioBut
CheckBox
CheckBox
if (!IsP
{
List
List
List
Radi
Radi
Radi
Chec
Chec
Chec
Data
}
}
utton id "Bu
abel id "Lab
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class CheckB
t<Car> carLi
oid Page Loa
ttonList1.Rep
ttonList1.Rep
xList1.Repea
xList1.Repea
PostBack)
tBox1.DataSo
tBox1.DataTe
tBox1.DataVa
oButtonList
oButtonList
oButtonList
ckBoxList1.D
ckBoxList1.D
ckBoxList1.D
aBind();
a
tton1" Text
el1" font na
rols;
rols.WebPart
trols;//adde
oxList and R
st Car.Get
d(object sen
peatColumns
peatDirectio
tColumns 3
tDirection
urce carLi
xtField "M
lueField "
1.DataSource
1.DataTextFi
1.DataValueF
ataSource
ataTextField
ataValueFiel
Contiole
"Submit" on
ames "Verdan
ts;
ed using Sys
RadioButtonL
tList();
nder, EventA
3;
on RepeatD
3;
RepeatDire
ist;
Make";
"Price";
e carList;
ield "Make
Field "Pri
carList;
d "Make";
ld "Price"
s ue Seivi
nclick "Butt
na" font siz
stem.Collect
List Control
Args e)
Direction.Ve
ection.Horiz
;
e";
ice";
";
iuoi Web
ton1 Click"
ze "8pt" run
tions.Generi
ls : System.
ertical;
zontal;
enlazauo
runat "serv
nat "server"
c;
Web.UI.Page
os a uatos
er"/>
/>
s
Bull
Crea
Bulle
espec
site
contr
Para
Bulle
enum
Estilo
NotS
Num
Lowe
Uppe
Lowe
Uppe
Disc
Circle
Squa
Custo
Utilic
elem
FirstB
Squa
Custo
letedList
un control q
etedList para
cificar los ele
un objeto Li
rol BulletedL
especificar e
etedList, esta
meracin Bul
o de vieta
Set
bered
erAlpha
erAlpha
erRoman
erRoman
e
are
omImage
ce la propied
entos de list
BulletNumbe
re, Circle o C
omImage pa
t
que genera u
crear una lis
ementos de v
istItem por c
List.
el tipo de vi
ablezca la pro
letStyle. En l
ad FirstBulle
ta en un cont
er se omite s
CustomImag
ra especifica
a
na lista de e
sta de eleme
vista individu
cada entrada
eta con el qu
opiedad Bull
a tabla sigui
Descripcin
No establec
Un nmero
Una letra m
Una letra m
Un nmero
Un nmero
Un crculo r
Un crculo v
Un cuadrad
Una image
etNumber pa
trol Bulleted
si la propieda
ge. Si estable
ar una image
Contiole
lementos co
entos a los q
uales que de
a entre las et
ue desea mo
etStyle en u
ente se enum
n
cido.
o.
minscula.
mayscula.
o romano en
o romano en
relleno.
vaco.
do relleno.
n personaliza
ara especifica
dList ordenad
ad BulletSty
ce la propied
en personaliz
s ue Seivi
on formato d
ue se da un f
eben aparece
iquetas de a
ostrar los ele
no de los tip
meran los es
minsculas.
maysculas.
ada.
ar el valor in
do. El valor q
le est estab
dad BulletSty
zada de la vi
iuoi Web
e vietas. Ut
formato con
er en el cont
pertura y de
mentos de li
os de vieta
stilos de vie
icial de la nu
que se asigna
blecida en el
yle en el valo
eta, tambi
enlazauo
tilice el cont
vietas. Par
rol BulletedL
e cierre del
ista en un co
definidos po
eta disponibl
umeracin de
a a la propied
campo Disc,
or del campo
n deber
os a uatos
rol
ra
List,
ontrol
or la
es.
e los
dad
,
o
s
estab
image
Para
Bulle
enum
Text,
Cuan
Value
Targe
produ
Si la p
elem
Para
vncu
propi
aplica
para
hizo c
using
using
using
using
using
using
using
using
using
using
publi
{
p
p
{
}
p
E
{
}
p
E
{
blecer la prop
en.
especificar e
etedList, esta
meracin Bul
HyperLink y
do se hace c
e para espec
et para espec
uce el despla
propiedad D
entos de list
controlar me
ulo, proporcio
iedades Sele
ables al cont
determinar e
clic.
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
private List
protected vo
{
ListBox1
ListBox2
if (!IsP
{
Bull
Bull
Bull
List
Enum
List
Enum
Data
}
}
protected vo
EventArgs e)
{
Bulleted
(BulletS
typeof(B
ListBox1
}
protected vo
EventArgs e)
{
Bulleted
(Bullete
piedad Bulle
el comportam
ablezca la pro
letedListDisp
y LinkButton.
clic en un hip
ificar la direc
cificar la ven
azamiento al
isplayMode
ta como vnc
ediante prog
one un contr
ectedIndex y
trol Bulleted
el ndice del
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class Bullet
t<Car> carLi
oid Page Loa
.AutoPostBa
.AutoPostBa
PostBack)
etedList1.D
etedList1.D
etedList1.D
tBox1.DataSo
m.GetNames(t
tBox2.DataSo
m.GetNames(t
aBind();
oid ListBox1
dList1.Bulle
tyle)Enum.P
BulletStyle)
.SelectedVa
oid ListBox2
dList1.Displ
edListDispla
a
tImageUrl de
miento de pr
opiedad Disp
playMode. Lo
pervnculo, se
ccin URL a l
ntana o el ma
l hacer clic e
se establece
ulos que dev
gramacin la
rolador de ev
SelectedItem
List. Utilice l
botn de vn
rols;
rols.WebPart
trols;//adde
edList Contr
st Car.Get
d(object sen
ck true;
ck true;
ataSource
ataTextField
ataValueFiel
urce
ypeof(Bullet
urce
ypeof(Bullet
SelectedInd
tStyle
arse(
,
lue);
SelectedInd
ayMode
yMode)Enum.P
Contiole
e forma que
resentacin d
playMode en
os comporta
e desplaza a
la que despla
arco donde s
n un hiperv
e en LinkButt
vuelven dato
s acciones q
ventos para
m se heredan
os datos de
nculo de un o
ts;
ed using Sys
rol : System
tList();
nder, EventA
carList;
d "Make";
ld "Price"
tStyle));
tedListDispl
dexChanged(o
dexChanged(o
Parse(
s ue Seivi
especifique
de los eleme
n uno de los v
amientos de
una direcci
aza un hiperv
se muestra la
nculo.
ton, el contr
os al servidor
ue se realiza
el evento Cl
n de la clase
evento de la
objeto Bulle
stem.Collect
m.Web.UI.Pag
Args e)
";
layMode));
object sende
object sende
iuoi Web
la ubicacin
entos de lista
valores defin
presentacin
n URL. Utilic
vnculo. Utili
a pgina Web
rol BulletedL
r cuando se h
an al hacer cl
ick. Tenga en
ListControl y
a clase Bullet
tedList en el
tions.Generi
ge
er,
er,
enlazauo
n del archivo
a en un contr
nidos por la
n definidos s
ce la propied
ice la propie
b a la que se
List muestra
hace clic en e
lic en un bot
n cuenta que
y no son
tedListEventA
l que el usua
c;
os a uatos
de
rol
son
dad
dad
los
ellos.
n de
e las
Args
ario
s
}
}
AdR
Mues
un tit
camb
La inf
XML
incluy
estab
image
no va
<%@ P
<!DOC
"
<html
<hea
<
</hea
<bod
<
<
</bo
typeof(B
ListBox2
}
Rotator
stra un titula
tular de anun
bia cada vez q
formacin so
permite man
yen la ruta d
blece un vnc
en no est d
alida la inform
Page Languag
CTYPE html P
"http://www.
l >
ad id "Head1
<title>AdRot
ad>
dy>
<form id "fo
<h3>AdRot
<asp:AdRo
Targ
Adve
</form>
ody>
BulletedList
.SelectedVa
ar de anuncio
ncio seleccio
que se actua
obre los anun
ntener una li
de acceso a u
culo al hacer
isponible, un
macin cont
ge "C#" Auto
PUBLIC " //W
w3.org/TR/x
" runat "se
tator Exampl
orm1" runat
tator Exampl
otator id "A
get " self"
ertisementFi
a
DisplayMode)
lue);
o en una pg
onado aleato
aliza la pgin
ncios se alma
ista de anun
una imagen q
clic en el co
na palabra cl
enida en est
EventWireup
3C//DTD XHTM
html1/DTD/xh
rver">
e</title>
"server">
e</h3>
dRotator1" r
le "~/App Da
Contiole
),
gina Web. Ut
oriamente en
a.
acena en un
cios y sus atr
que se va a m
ntrol, el text
lave y la frec
te archivo.
"True" %>
ML 1.0 Trans
html1 transi
runat "serve
ata/Ads.xml"
s ue Seivi
tilice el contr
n la pgina W
archivo XML
ributos asoci
mostrar, la di
o alternativo
cuencia del a
sitional//EN
itional.dtd"
er"
"/>
iuoi Web
rol AdRotato
Web. El anunc
L independie
iados. Entre
reccin URL
o que se mue
nuncio. El co
N"
">
enlazauo
or para most
cio mostrado
ente. El archi
los atributos
a la que se
estra cuando
ontrol AdRot
os a uatos
rar
o
ivo
s se
o la
tator
s
</ht
<?xml
<Adve
1.2">
<Ad
<
<
<
<
<
</A
<Ad
<
<
<
<
<
</A
<Ad
<
<
<
<
<
</A
</Adv
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
tml>
l version "1
ertisements
>
d xmlns "">
<Keyword>Adv
<ImageUrl>~/
<NavigateUrl
<AlternateTe
<Impressions
Ad>
d xmlns "">
<Keyword>Con
<ImageUrl>~/
<NavigateUrl
<AlternateTe
<Impressions
Ad>
d xmlns "">
<Keyword>Nor
<ImageUrl>~/
<NavigateUrl
<AlternateTe
<Impressions
Ad>
vertisements
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
AdRotato
.0" encodin
xmlns "http
ventureWorks
images/Adve
>http://www
ext>Ad for A
>100</Impre
ntoso</Keywo
images/Cont
>http://www
ext>Ad for C
>100</Impre
rthwind</Keyw
images/Nort
>http://http
ext>Ad for N
>50</Impres
>
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class AdRota
oid Page Loa
or1.Advertis
a
g "utf 8" ?>
://schemas.m
</Keyword>
ntureWorks.g
.adventure w
dventure Wor
ssions>
rd>
oso.gif</Ima
.contoso.com
ontoso Ltd.
ssions>
word>
hwindTraders
p://www.nort
orthwind Tra
sions>
rols;
rols.WebPart
trols;
tor Control
d(object sen
ementFile
Contiole
>
microsoft.co
gif</ImageUr
works.com</N
rks Web site
ageUrl>
m/</Navigate
Web site</A
s.gif</Image
thwindtrader
aders Web si
ts;
: System.We
nder, EventA
"~/App Data
s ue Seivi
om/AspNet/Ad
rl>
NavigateUrl>
e</Alternate
eUrl>
AlternateTex
eUrl>
rs.com</Navi
ite</Alterna
eb.UI.Page
Args e)
a/Ads.config
iuoi Web
dRotator Adv
>
eText>
xt>
igateUrl>
ateText>
g";
enlazauo
vertisement
os a uatos
File
s
}
}
Se r
no t
slo
Com
Repre
contr
La cla
comp
AdRotato
AdRotato
}
recomienda
tienen acc
o lectura.
mpositeD
esenta la cla
roles de serv
ase Composi
puesto que s
or1.Height
or1.Width
a colocar
ceso los n
DataBoun
se base para
vidor.
teDataBoun
e enlaza a lo
a
60;
468;
el archiv
navegadore
ndContro
a un control t
ndControl sir
os datos de u
Contiole
vo xml en
es. Poner
ol
tabular enlaz
rve como cla
un origen de
s ue Seivi
la carpet
extensin
zado a datos
se base para
datos. Un co
iuoi Web
ta App_Dat
n .config
s que se com
a un control d
ontrol de ser
enlazauo
ta, a la c
y permiti
mpone de otr
de servidor
rvidor compu
os a uatos
cual
ir
os
uesto
s
es un
desar
su lug
a dat
Las cl
Creat
acces
colec
Dat
Contr
contro
admit
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
<
<
<
<
</bod
</htm
n control que
rrolladores d
gar, utilizan c
os compuest
lases que he
teChildContr
so a los cont
ccin Control
taList
ol de lista enl
ol DataList pa
te la seleccin
Page Languag
rits "eDataL
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
<form id "fo
<div>
<asp:Dat
Bord
Data
Grid
<Foo
<Alt
<Ite
<Sel
<Hea
<Ite
</It
</asp:Da
<asp:Obj
Sele
</div>
</form>
dy>
ml>
e se compone
de pginas no
controles qu
tos son los c
redan del co
rols(IEnumer
roles secund
ls.
azada a datos
ara mostrar u
y la edicin.
ge "C#" Auto
List1" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
orm1" runat
taList ID "D
derColor "#D
aKeyField "V
dLines "Vert
oterStyle Ba
ternatingItem
emStyle Back
ectedItemSt
aderStyle Ba
emTemplate>
Vin:
<asp:Label
<br />
Make:
<asp:Label
<br />
Model:
<asp:Label
<br />
Year:
<asp:Label
<br />
Price:
<asp:Label
<br />
<br />
temTemplate>
ataList>
ectDataSour
ectMethod "G
a
e de una com
o utilizan dir
ue derivan de
ontroles Det
ontrol Compo
rable,Boolea
darios de un
s que muestra
una lista enlaz
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
"server">
ataList1" ru
EDFDE" Borde
in" DataSour
ical" Width
ckColor "#CC
mStyle BackC
Color "#F7F7
yle BackColo
ckColor "#6B
ID "VinLabel
ID "MakeLabe
ID "ModelLab
ID "YearLabe
ID "PriceLab
ce ID "Objec
etList" Type
Contiole
mbinacin de
ectamente l
e esta clase.
tailsView, Fo
ositeDataBo
n) para crea
control enla
a los elemento
ada a datos d
"true" Code
ML 1.0 Trans
1 transition
tml">
unat "server
erStyle "Non
rceID "Objec
"377px">
CCC99" />
Color "White
7DE" />
or "#CE5D5A"
B696B" Font
l" runat "se
el" runat "s
bel" runat "
el" runat "s
bel" runat "
ctDataSource
eName "Car">
s ue Seivi
e otros contr
a clase Comp
Algunos ejem
ormView y Gr
oundControl
r la jerarqua
zado a datos
os mediante e
definida por un
eFile "eData
sitional//EN
nal.dtd">
r" BackColor
ne" BorderWi
ctDataSource
e" />
" Font Bold
Bold "True"
erver" Text
server" Text
"server" Tex
server" Text
"server" Tex
e1" runat "s
></asp:Objec
iuoi Web
roles de serv
positeDataB
mplos de con
ridView.
deben reem
a de controle
s compuesto
el uso de plant
na plantilla. E
aList1.aspx.
N"
r "White"
idth "1px" C
e1" ForeColo
"True" Fore
" ForeColor
'<%# Eval("
t '<%# Eval(
xt '<%# Eval
t '<%# Eval(
xt '<%# Eval
server"
ctDataSource
enlazauo
vidor. Los
BoundContro
ntroles enlaz
mplazar el m
es. Para tene
o, utilice la
tillas. Utilice e
l control Data
cs"
CellPadding
or "Black"
eColor "Whit
"White" />
Vin") %>' /
"Make") %>'
("Model") %
"Year") %>'
("Price") %
e>
os a uatos
ol; en
zados
todo
er
el
aList
"4"
e" />
>
/>
>' />
/>
>' />
s
Grid
Mues
camp
edita
El con
colum
las ca
x
x
x
x
x
x
x
x
x
dView
stra los valor
po y cada fila
r estos elem
ntrol GridVie
mna represen
aractersticas
Enlace a c
Funcione
Funcione
Funcione
Funcione
Acceso m
propieda
Varios ca
Varios ca
Personali
res de un ori
a representa
mentos.
ew se utiliza
nta un camp
s siguientes:
controles de
es de ordenac
es de actualiz
es de paginac
es de selecci
mediante pro
des dinmic
mpos de clav
mpos de dat
izacin de la
a
gen de datos
un registro.
para mostra
po y cada fila
e origen de d
cin integrad
zacin y elim
cin integrad
n de fila inte
gramacin a
amente, con
ve.
tos para las c
apariencia a
Contiole
s en una tab
El control G
ar los valores
representa
atos, como S
das.
minacin integ
das.
egradas.
al modelo de
ntrolar event
columnas de
a travs de te
s ue Seivi
la donde cad
ridView perm
s de un orige
un registro.
SqlDataSourc
gradas.
e objetos Grid
tos, etc.
e hipervnculo
emas y estilo
iuoi Web
da columna r
mite seleccio
en de datos e
El control Gr
ce.
dView para e
o.
os.
enlazauo
representa u
onar, ordena
en una tabla.
ridView adm
establecer
os a uatos
un
ar y
. Cada
mite
s
El Gri
objet
conti
idView consi
tos DataCont
ene la propi
iste en una c
trolField (col
edad Cells, q
a
coleccin de
umnas) . El o
que es una co
Contiole
objetos Grid
objeto GridV
oleccin de D
s ue Seivi
dViewRow (fi
ViewRow her
DataControlF
iuoi Web
ilas) y una co
reda de Table
FieldCell (cel
enlazauo
oleccin de
eRow, el cua
ldas).
os a uatos
al
s
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
<
<
<
<
<
Delet
<
<
posit
DataS
Page Languag
rits "eGridv
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
<form id "fo
<asp:Button
<div>
</div>
<asp:ObjectD
TypeName
teMethod "De
InsertMe
<InsertP
<asp
<asp
<asp
<asp
<asp
</Insert
</asp:Object
<asp:GridVie
tion: absolu
top: 75p
SourceID "Ob
ge "C#" Auto
view1" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
orm1" runat
ID "Button1
DataSource I
e "CarList"
elete"
ethod "Inser
Parameters>
p:Parameter N
p:Parameter N
p:Parameter N
p:Parameter N
p:Parameter N
tParameters>
tDataSource>
ew ID "GridV
ute;
px" AllowPag
bjectDataSou
a
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
"server">
" runat "ser
D "ObjectDat
SelectMethod
t">
Name "vin" T
Name "make"
Name "model"
Name "year"
Name "price"
iew1" runat
ing "True" A
rce1"
Contiole
"true" Code
ML 1.0 Trans
1 transition
tml">
rver" OnClic
taSource1" r
d "Select" U
Type "String
Type "Strin
" Type "Stri
Type "Int32
" Type "Deci
"server" St
AutoGenerate
s ue Seivi
eFile "eGrid
sitional//EN
nal.dtd">
ck "Button1
runat "serve
UpdateMethod
g" />
ng" />
ing" />
2" />
imal" />
tyle "z inde
eColumns "Fa
iuoi Web
dview1.aspx.
N"
Click" Text
er" DataObje
d "Update"
ex: 100; lef
alse"
enlazauo
cs"
t "Load Car"
ectTypeName
ft: 20px;
os a uatos
/>
"Car"
s
GridL
ShowS
ReadO
/>
Heade
<
<
</bod
</htm
using
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
}
Det
Mues
la tab
insert
El con
tabla
comb
Detai
x
Width "1
Lines "None"
<Columns
<asp
SelectButton
<asp
Only "True"
<asp
<asp
<asp
<asp
erText "Pric
</as
</Column
<FooterS
<RowStyl
<EditRow
<Selecte
<PagerSt
<HeaderS
<Alterna
</asp:GridVi
</form>
dy>
ml>
g System;
g System.Col
g System.Con
g System.Dat
g System.Lin
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Xml
ic partial c
protected vo
{
}
protected vo
{
CarList.
GridView
}
tailsView
stra los valor
bla represent
tar registros
ntrol Details
, donde cada
binacin con
ilsView adm
Enlace a c
35px" CellP
>
>
p:CommandFie
n "True" />
p:BoundField
/>
p:BoundField
p:BoundField
p:BoundField
p:BoundField
ce" HtmlEnco
SortExpress
<ItemStyle
p:BoundFiel
ns>
tyle BackCo
e BackColor
wStyle BackC
edRowStyle B
tyle BackCol
tyle BackCo
atingRowStyl
ew>
lections;
nfiguration;
ta;
nq;
b;
b.Security;
b.UI;
b.UI.HtmlCon
b.UI.WebCont
b.UI.WebCont
.Linq;
class eGridv
oid Page Loa
oid Button1
Initialize(
w1.DataBind(
w
res de un n
ta un campo
.
View se utili
a campo del
un control G
ite las caract
controles de
a
adding "4" D
ld ShowDelet
DataField "
DataField "
DataField "
DataField "
DataField "
de "False"
ion "Price">
HorizontalAl
d>
lor "#5D7B9D
"#F7F6F3" F
olor "#99999
ackColor "#E
or "#284775"
lor "#5D7B9D
e BackColor
trols;
rols;
rols.WebPart
iew1 : Syste
d(object sen
Click(object
);
);
ico registro d
o del registro
iza para mos
registro se m
GridView par
tersticas sig
e origen de d
Contiole
DataKeyNames
teButton "Tr
"Vin" Header
"Make" Heade
"Model" Head
"Year" Heade
"Price" Data
>
lign "Right"
D" Font Bold
ForeColor "#
99" />
E2DED6" Font
" ForeColor
D" Font Bold
"White" For
ts;
em.Web.UI.Pa
nder, EventA
t sender, Ev
de un origen
o. El control D
strar un nico
muestra en u
ra escenarios
uientes:
atos, como S
s ue Seivi
s "Vin" Fore
rue" ShowEdi
rText "Vin"
erText "Make
derText "Mod
erText "Year
aFormatStrin
" />
d "True" For
#333333" />
t Bold "True
"White" Hor
d "True" For
reColor "#28
age
Args e)
ventArgs e)
de datos en
DetailsView
o registro de
una fila de la
s de detalles
SqlDataSourc
iuoi Web
eColor "#333
itButton "Tr
SortExpress
e" SortExpre
del" SortExp
r" SortExpre
ng "{0:C}"
reColor "Whi
e" ForeColor
rizontalAlig
reColor "Whi
84775" />
n una tabla, d
permite edit
e un origen d
tabla. Se pu
s maestros. E
ce.
enlazauo
333"
rue"
ion "Vin"
ession "Make
pression "Mo
ession "Year
te" />
r "#333333"
gn "Center"
te" />
donde cada f
tar, eliminar
de datos en u
uede utilizar e
El control
os a uatos
" />
del"
" />
/>
/>
fila de
e
una
en
s
x
x
x
x
x
Camp
Cada
distin
contr
tipos
Tipo
colum
Boun
Butto
Chec
Com
Hype
Imag
Tem
Funcione
Funcione
Funcione
Acceso m
propieda
Personali
pos de fila
fila de datos
ntos tipos de
roles de cam
de campos d
de campo d
mna
ndField
onField
ckBoxField
mandField
erLinkField
geField
plateField
es de inserci
es de actualiz
es de paginac
mediante pro
des dinmic
izacin del a
s del control
e campos de
po se deriva
de fila que se
de
Descripc
Muestra
Muestra
mostrar
botn A
Muestra
Normalm
campos
Muestra
operacio
DetailsV
Muestra
hipervn
campo a
Muestra
Muestra
DetailsV
a
n integrada
zacin y elim
cin integrad
gramacin a
amente, con
specto medi
DetailsView
fila determin
an de DataCo
e pueden ut
cin
a el valor de
a un botn d
r una fila con
Agregar o Qu
a una casilla
mente, este
con un valo
a botones de
ones de edic
View.
a el valor de
nculo. Este ti
a la direccin
a una imagen
a el contenid
View segn u
Contiole
s.
minacin integ
das.
al modelo de
ntrolar event
ante temas y
w se crea dec
nan el compo
ontrolField. L
ilizar.
un campo d
de comando
n un control d
itar.
de verificaci
tipo de cam
r booleano.
e comandos
cin, inserci
un campo d
po de campo
n URL del hip
n en el contr
do definido p
una plantilla
s ue Seivi
gradas.
e objetos Det
tos, etc.
y estilos.
clarando un c
ortamiento d
La siguiente t
e un origen d
en el contro
de botn pe
in en el con
po de fila se
integrados q
n o eliminac
e un origen d
o de fila perm
pervnculo.
rol DetailsVie
por el usuario
especificada
iuoi Web
tailsView pa
control de ca
de las filas en
tabla contien
de datos com
l DetailsView
rsonalizado,
ntrol DetailsV
utiliza para
que permiten
cin en el co
de datos com
mite enlazar
ew.
o para una fi
a. Este tipo d
enlazauo
ra establece
ampo. Los
n el control.
ne los diferen
mo texto.
w. Esto perm
tal como un
View.
mostrar
n realizar
ntrol
mo un
un segundo
ila del contro
de campo de
os a uatos
r
Los
ntes
mite
n
o
ol
s
De m
perm
tipo e
Guid
fila, e
Prop
Alter
Com
EditR
Emp
Foot
Head
Inser
Page
Row
Field
manera prede
mite generar a
enlazable de
y el conjunto
en el orden e
piedad de est
rnatingRowS
mandRowSt
RowStyle
tyDataRowS
terStyle
derStyle
rtRowStyle
erStyle
wStyle
dHeaderStyle
fila perm
eterminada,
automticam
l origen de d
o de tipos pr
en el que cad
tilo Descri
Style Config
Details
muest
de Alte
tyle Config
coman
Config
Details
Style Config
contro
Config
Details
Config
Details
Config
Details
Config
Details
Config
Cuand
filas de
la conf
e Config
a
mite crear un
la propiedad
mente un obj
datos. Los tip
rimitivos. Ca
da uno apare
pcin
uracin de e
sView. Cuan
ran alternan
ernatingRow
uracin de e
ndo integrad
uracin de e
sView est e
uracin de e
ol DetailsView
uracin de e
sView.
uracin de e
sView.
uracin de e
sView est e
uracin de e
sView.
uracin de e
o tambin se
e datos se m
figuracin de
uracin de e
Contiole
n campo de f
d AutoGener
jeto de camp
pos enlazable
da campo se
ece en el orig
estilo de las f
do se establ
ndo la configu
wStyle.
estilo de la fi
os en el con
estilo de las f
en modo de e
estilo de la fi
w cuando el
estilo de la fi
estilo de la fi
estilo de las f
en modo de i
estilo de la fi
estilo de las f
e establece
uestran alte
e Alternating
estilo de la co
s ue Seivi
fila personal
ateRows se e
po de fila en
es vlidos so
e muestra en
gen de datos
filas de datos
ece esta pro
uracin de R
la que contie
trol DetailsV
filas de datos
edicin.
la de datos v
origen de da
la del pie de
la del encabe
filas de datos
insercin.
la del localiz
filas de datos
a propiedad
rnando la co
gRowStyle.
olumna del e
iuoi Web
izado.
establece en
lazado para
n String, Dat
ntonces como
.
s alternas de
opiedad, las f
RowStyle y la
ene los boto
View.
s cuando el c
vaca que se
atos no cont
pgina del c
ezado del co
s cuando el c
ador del con
s del control
Alternating
onfiguracin
encabezado d
enlazauo
n true, lo cua
cada campo
teTime, Deci
o texto en un
el control
filas de dato
configuraci
nes de
control
muestra en
tiene registro
control
ontrol
control
ntrol
DetailsView
gRowStyle, la
de RowStyle
del control
os a uatos
al
de
mal,
na
s se
n
el
os.
w.
as
e y
s
Event
El con
mane
siguie
Detai
Dispo
Even
Item
Item
Item
Item
Item
Item
Item
Item
tos
ntrol Details
era, se puede
ente tabla se
ilsView tamb
osed, Init, Lo
nto
mCommand
mCreated
mDeleted
mDeleting
mInserted
mInserting
mUpdated
mUpdating
Details
View propor
e ejecutar un
e enumeran
bin hereda
ad, PreRend
Descrip
Se prod
Se prod
DetailsV
para mo
Se prod
control
evento
elimina
Se prod
control
evento
Se prod
control
para co
Se prod
control
para ca
Se prod
el contr
para co
Se prod
control
para ca
a
sView.
rciona varios
na rutina per
los eventos a
estos evento
er y Render.
pcin
duce cuando
duce despus
ViewRow en
odificar los v
duce al hacer
DetailsView
suele utiliza
cin.
duce al hacer
DetailsView
suele utiliza
duce al hacer
DetailsView
omprobar los
duce al hacer
DetailsView
ncelar la ope
duce al hacer
rol DetailsVi
omprobar los
duce al hacer
DetailsView
ncelar la ope
Contiole
s eventos qu
rsonalizada s
admitidos po
os de sus cla
.
se hace clic
s de haber c
el control D
valores de un
r clic en un b
w elimine el r
rse para com
r clic en un b
w elimine el r
rse para can
r clic en un b
w inserte el r
s resultados d
r clic en un b
w inserte el r
eracin de in
r clic en un b
ew actualice
s resultados d
r clic en un b
w actualice e
eracin de a
s ue Seivi
e puede util
siempre que
or el control
ses base: Da
en un botn
reado todos
DetailsView.
n registro an
botn Elimina
registro del o
mprobar el re
botn Elimina
registro del o
ncelar la oper
botn Inserta
egistro. Este
de la operac
botn Inserta
egistro. Este
nsercin.
botn Actuali
e la fila. Este
de la operac
botn Actuali
l registro. Es
ctualizacin.
iuoi Web
izar para pro
se produzca
DetailsView
ataBinding, D
n del control
los objetos
Este evento
tes de mostr
ar, pero desp
origen de dat
esultado de l
ar, pero ante
origen de dat
racin de eli
ar, pero desp
e evento suel
cin de inserc
ar, pero ante
e evento suel
izar, pero de
evento suel
cin de actua
izar, pero an
te evento su
.
enlazauo
ogramar. De
a un evento.
w. El control
DataBound,
DetailsView
suele utiliza
rarlo.
pus de que
tos. Este
la operacin
es de que el
tos. Este
minacin.
pus de que
le utilizarse
cin.
es de que el
le utilizarse
espus de qu
e utilizarse
alizacin.
ntes de que e
uele utilizarse
os a uatos
esta
En la
w.
rse
el
de
el
ue
el
e
s
Mod
Mod
Page
Page
deChanged
deChanging
eIndexChang
eIndexChang
Se prod
(modo
menudo
de mod
Se prod
(edicin
para ca
ged Se prod
pero de
de pag
realizar
registro
ging Se prod
pero an
paginac
paginac
a
duce despus
de edicin, i
o para realiz
do.
duce antes de
n, insercin o
ncelar un ca
duce cuando
espus de qu
nacin. Norm
r una tarea d
o del control
duce cuando
ntes de que e
cin. Este ev
cin.
Contiole
s de que el c
nsercin o s
zar una tarea
e que el con
o slo lectur
mbio del mo
se hace clic
ue el control
malmente es
espus de q
.
se hace clic
el control De
ento suele u
s ue Seivi
control Detai
lo lectura).
a cuando el c
trol DetailsV
a). Este even
odo.
en uno de lo
DetailsView
ste evento se
ue el usuario
en uno de lo
etailsView se
utilizarse para
iuoi Web
ilsView camb
Este evento
control Detai
View cambie
nto se utiliza
os botones d
w se ocupe de
e utiliza cuan
o se desplace
os botones d
e ocupe de la
a cancelar la
enlazauo
bie de modo
o se utiliza a
ilsView camb
de modo
a menudo
de paginaci
e la operaci
ndo se neces
e a otro
de paginaci
a operacin d
operacin d
os a uatos
o
bia
n,
n
sita
n,
de
de
s
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
<
<
DataO
Delet
Page Languag
rits "eDatai
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
<form id "fo
<div>
<asp:Obj
ObjectTypeNa
Type
teMethod "De
Inse
ge "C#" Auto
lsView1" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
orm1" runat
ectDataSour
ame "Car"
eName "CarLi
elete"
ertMethod "I
a
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
"server">
ce ID "Objec
st" SelectMe
nsert"></asp
Contiole
"true" Code
ML 1.0 Trans
1 transition
tml">
ctDataSource
ethod "Selec
p:ObjectData
s ue Seivi
eFile "eData
sitional//EN
nal.dtd">
e1" runat "s
ct" UpdateMe
aSource>
iuoi Web
ailsView1.as
N"
server"
ethod "Updat
enlazauo
px.cs"
te"
os a uatos
s
/>
CellP
Heigh
Width
/>
ReadO
/>
SortE
/>
SortE
ShowI
<
<
</bod
</htm
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
}
For
Mues
defin
El con
contr
<asp:But
<asp:Det
Padding "4"
Data
ht "50px"
Styl
h "305px"
Auto
<Foo
<Com
<Edi
<Row
<Pag
<Fie
Only "True"
Expression "
Expression "
InsertButton
</Fi
<Fie
<Hea
<Alt
</asp:De
</div>
</form>
dy>
ml>
g System.Lin
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Xml
ic partial c
protected vo
{
}
protected vo
{
CarList.
DetailsV
}
mView
stra los valor
idas por el u
ntrol FormVi
rol DetailsVie
tton ID "But
tailsView ID
aSourceID "Ob
e "z index:
oGenerateRow
oterStyle Ba
mmandRowStyl
tRowStyle B
wStyle BackC
gerStyle Bac
elds>
<asp:BoundF
/>
<asp:BoundF
<asp:BoundF
Model" />
<asp:BoundF
<asp:BoundF
Price" Data
HtmlEnc
<ItemSt
</asp:Bound
<asp:Comman
n "True" />
elds>
eldHeaderSty
aderStyle Ba
ternatingRow
etailsView>
nq;
b;
b.Security;
b.UI;
b.UI.HtmlCon
b.UI.WebCont
b.UI.WebCont
.Linq;
class eDatai
oid Page Loa
oid Button1
Initialize(
View1.DataBi
res de un reg
usuario. El co
iew permite
ew, exceptua
a
ton1" runat
"DetailsVie
bjectDataSou
103; left:
s "False" Da
ckColor "#5D
e BackColor
ackColor "#9
olor "#F7F6F
kColor "#284
ield DataFie
ield DataFie
ield DataFie
ield DataFie
ield DataFie
FormatString
ode "False">
yle Horizont
Field>
dField ShowD
le BackColor
ckColor "#5D
Style BackCo
trols;
rols;
rols.WebPart
lsView1 : Sy
d(object sen
Click(object
);
nd();
gistro individ
ontrol FormV
mostrar un
ando que mu
Contiole
"server" On
ew1" runat "
urce1" ForeC
20px; posit
ataKeyNames
D7B9D" Font
"#E2DED6" F
999999" />
F3" ForeColo
4775" ForeCo
eld "Vin" He
eld "Make" H
eld "Model"
eld "Year" H
eld "Price"
g "{0:C}"
>
talAlign "Ri
DeleteButton
r "#E9ECF1"
D7B9D" Font
olor "White"
ts;
ystem.Web.UI
nder, EventA
t sender, Ev
dual de un or
View permite
registro indi
uestra planti
s ue Seivi
nClick "Butt
"server" All
Color "#3333
tion: absolu
"Vin">
Bold "True"
Font Bold "T
or "#333333"
olor "White"
eaderText "V
HeaderText "
HeaderText
HeaderText "
HeaderText
ight" />
n "True" Sho
Font Bold "
Bold "True"
" ForeColor
I.Page
Args e)
ventArgs e)
rigen de dato
e editar, elim
vidual de un
llas definida
iuoi Web
ton1 Click"
lowPaging "T
333" GridLin
ute; top: 85
" ForeColor
True" />
" />
" Horizontal
Vin" SortExp
"Make" SortE
"Model"
"Year" SortE
"Price"
owEditButton
"True" />
" ForeColor
"#284775" /
os utilizando
minar e insert
n origen de d
s por el usua
enlazauo
Text "Load
True"
nes "None"
px"
"White" />
Align "Cent
pression "Vi
Expression "
Expression "
n "True"
"White" />
>
plantillas
tar registros.
atos. Es sim
ario, en lugar
os a uatos
Cars"
er"
n"
Make"
Year"
.
ilar al
r de
s
camp
mues
x
x
x
x
x
x
pos de fila. C
stran los dato
Enlace a l
Funcione
Funcione
Funcione
Acceso m
dinmica
Aspecto p
usuario.
rear sus prop
os. El contro
los controles
es de inserci
es de actualiz
es de paginac
mediante pro
mente prop
personalizab
a
pias plantilla
ol FormView
s de origen d
n integrada
zacin y elim
cin integrad
gramacin a
iedades, con
ble por medio
Contiole
as le ofrece m
admite las c
de datos, com
s.
minacin integ
das.
al modelo de
ntrolar event
o de plantilla
s ue Seivi
ms flexibilid
caracterstica
mo SqlDataSo
gradas.
e objetos For
tos, etc.
as, temas y e
iuoi Web
ad para cont
as siguientes
ource y Obje
rmView para
estilos definid
enlazauo
trolar cmo
:
ectDataSourc
a establecer
dos por el
os a uatos
se
ce.
s
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
<
<
Page Languag
rits "eFormV
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
<form id "fo
<div>
ge "C#" Auto
View1" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
orm1" runat
a
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
"server">
Contiole
"true" Code
ML 1.0 Trans
1 transition
tml">
s ue Seivi
eFile "eForm
sitional//EN
nal.dtd">
iuoi Web
mView1.aspx.
N"
enlazauo
cs"
os a uatos
s
DataO
Delet
/>
<
<
Eval(
blue"
Eval(
blue"
Text
blue"
Eval(
blue"
Text
Cause
Cause
Cause
Eval(
blue"
Text
<asp:Obj
ObjectTypeNa
Type
teMethod "De
Inse
<br />
<br />
<br />
&
<asp:But
</div>
<asp:FormVie
DataSour
<ItemTem
<tab
("Vin") %>'>
">Make:</spa
("Make") %>'
">Model:</sp
'<%# Eval("
">Year:</spa
("Year") %>'
">Price: </s
'<%# Eval("
esValidation
esValidation
esValidation
</ta
</ItemTe
<EditIte
<tab
("Vin") %>'>
">Make:</spa
'<%# Bind("
ectDataSour
ame "Car"
eName "CarLi
elete"
ertMethod "I
nbsp; &nbsp
tton ID "But
ew ID "FormV
rceID "Objec
mplate>
ble>
<tr>
<td ali
<hr
<sp
<asp
>
</a
an>
<asp
>
</a
pan>
<asp
Model") %>'
</a
an>
<asp
>
</a
</td>
</tr>
<tr>
<td ali
<sp
pan><span
Price","{0:
</td>
</tr>
<tr>
<td ali
<hr
<asp
n "False" Com
<asp
n "False" Com
</a
<asp
n "False" Com
</a
</td>
</tr>
able>
emplate>
emTemplate>
ble>
<tr>
<td ali
<hr
<sp
<asp
>
</a
an>
<asp
Make") %>'>
a
ce ID "Objec
st" SelectMe
nsert"></asp
;
ton1" runat
iew1" runat
tDataSource1
gn "center">
/>
an style "fo
p:Label ID "
sp:Label>&nb
p:Label ID "
sp:Label>&nb
p:Label ID "
>
sp:Label>&nb
p:Label ID "
sp:Label><br
gn "center">
an style "fo
style "font
<asp:Label
C}") %>'>
</asp:Label
gn "center">
/>
p:LinkButton
mmandName "E
Text "Edit"
p:LinkButton
mmandName "N
Text "New">
sp:LinkButto
p:LinkButton
mmandName "D
Text "Delet
sp:LinkButto
gn "center">
/>
an style "fo
p:Label ID "
sp:Label>&nb
p:TextBox ID
Contiole
ctDataSource
ethod "Selec
p:ObjectData
"server" On
"server" Al
1" Width "10
>
ont weight:
"VinLabel" W
bsp; <
"MakeLabel"
bsp; <
"ModelLabel"
bsp; <
"YearLabel"
r />
>
ont weight:
t weight: bo
ID "PriceLa
l></span>
>
n ID "LinkBu
Edit"
"> </asp:Lin
n ID "LinkBu
New"
>
on>
n ID "LinkBu
Delete"
te">
on>
>
ont weight:
"VinLabel" W
bsp; <
D "EditMakeT
s ue Seivi
e1" runat "s
ct" UpdateMe
aSource>
nClick "Butt
llowPaging "
00%">
bold; color
Width "105px
<span style
Width "105p
<span style
" Width "105
<span style
Width "105p
bold; font
old; font si
abel" Width
utton1" runa
nkButton>
utton2" runa
utton3" runa
bold; color
Width "105px
<span style
TextBox" Wid
iuoi Web
server"
ethod "Updat
ton1 Click"
"True" DataK
r: blue">VIN
x" runat "se
"font weigh
px" runat "s
"font weigh
5px" runat "
"font weigh
px" runat "s
size: x lar
ize: x large
"105px" run
at "server"
at "server"
at "server"
r: blue">VIN
x" runat "se
"font weigh
dth "100px"
enlazauo
te"
Text "Load
KeyNames "Vi
N:</span>&nb
erver" Text
ht: bold; co
erver" Text
ht: bold; co
server"
ht: bold; co
erver" Text
rge; color:
e">
nat "server"
N:</span>&nb
erver" Text
ht: bold; co
runat "serv
os a uatos
Cars"
n"
sp;
'<%#
lor:
'<%#
lor:
lor:
'<%#
sp;
'<%#
lor:
er"
s
color
Text
color
Text
blue"
runat
Cause
Cause
blue"
Cause
Text
Text
runat
Text
r: blue">Mod
'<%# Bind("
r: blue">Yea
'<%# Bind("
">Price: </s
t "server" T
esValidation
esValidation
</ta
</EditIt
<EmptyDa
<tab
">No Cars Fo
esValidation
</ta
</EmptyD
<InsertI
<tab
'<%# Bind("
'<%# Bind("
t "server" T
'<%# Bind("
</a
del:</span>&
<asp
Model") %>'
</a
ar:</span>&nb
<asp
Year") %>'>
</a
&nb
</td>
</tr>
<tr>
<td ali
<sp
pan><span
Text '<%# Bi
</td>
</tr>
<tr>
<td ali
<hr
<asp
n "True" Comm
</a
<asp
n "False" Com
</a
</td>
</tr>
able>
temTemplate>
ataTemplate>
ble width "6
<tr>
<td ali
<hr
<sp
or Sale
<tr
n "False" Com
</t
able>
DataTemplate
temTemplate
ble>
<tr>
<td ali
<hr
<sp
<asp
Vin") %>'>
<sp
<asp
Make") %>'>
<sp
<asp
Text '<%# Bi
<sp
<asp
Year") %>'>
&nb
</td>
</tr>
<tr>
a
sp:TextBox>&
nbsp;
p:TextBox ID
>
sp:TextBox>&
bsp;
p:TextBox ID
sp:TextBox><
sp;
gn "center">
an style "fo
style "font
<asp:TextBo
nd("Price")
</asp:TextB
gn "center">
/>
p:LinkButton
mandName "Up
Text "Updat
sp:LinkButto
p:LinkButton
mmandName "C
Text "Cance
sp:LinkButto
55px">
gn "center">
/>
an style "fo
Chack Back
>
<td align "
<hr />
<asp:Li
mmandName "N
Tex
</asp:L
</td>
r>
>
>
gn "center">
/>
an style "fo
p:TextBox ID
</asp:TextBo
an style "fo
p:TextBox ID
</asp:TextB
an style "fo
p:TextBox ID
nd("Model")
an style "fo
p:TextBox ID
</asp:TextB
sp;
Contiole

D "EditModel

D "EditYearT
<br />
>
ont weight:
t weight: bo
ox ID "EditP
%>'>
Box></span>
>
n ID "LinkBu
pdate"
te">
on>
n ID "LinkBu
Cancel"
el">
on>
>
ont weight:
Soon! </spa
"center">
inkButton ID
New"
xt "New">
LinkButton>
>
ont weight:
D "InsertVin
ox> &nb
ont weight:
D "InsertMak
Box> &n
ont weight:
D "InsertMod
%>'> </asp:
ont weight:
D "InsertYea
Box><br />
s ue Seivi
; <span styl
lTextBox" Wi
; <span styl
TextBox" Wid
bold; font
old; font si
PriceTextBox
utton1" runa
utton2" runa
bold; font
an>
D "LinkButto
bold; color
nTextBox" Wi
bsp;
bold; color
keTextBox" W
nbsp;
bold; color
delTextBox"
:TextBox>&nb
bold; color
arTextBox" W
iuoi Web
le "font wei
idth "100px"
le "font wei
dth "100px"
size: large
ize: large">
x" Width "10
at "server"
at "server"
size: x lar
on2" runat "
r: blue">VIN
idth "100px"
r: blue">Mak
Width "100px
r: blue">Mod
Width "100p
bsp;
r: blue">Yea
Width "100px
enlazauo
ght: bold;
runat "ser
ght: bold;
runat "serv
e; color:
>
0px"
rge; color:
server"
N:</span>&nb
runat "ser
ke:</span>&n
x" runat "se
del:</span>&
px"
ar:</span>&n
x" runat "se
os a uatos
ver"
er"
sp;
ver"
bsp;
rver"
nbsp;
bsp;
rver"
s
blue"
runat
Cause
Cause
blue"
<
&
<
</bod
</htm
using
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
}
Hie
Acta
que m
">Price: </s
t "server" T
esValidation
esValidation
</ta
</Insert
<HeaderT
<tab
">Car For Sa
</Header
<FooterT
</td
</Footer
</asp:FormVi

</form>
dy>
ml>
g System;
g System.Col
g System.Con
g System.Dat
g System.Lin
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Xml
ic partial c
protected vo
{
}
protected vo
{
CarList.
FormView
}
rarchical
a como clase
muestran sus
<td ali
<sp
pan><span
Text '<%# Bi
</td>
</tr>
<tr>
<td ali
<hr
<asp
n "True" Comm
<asp
n "False" Com
</a
</td>
</tr>
able>
tItemTemplat
Template>
ble>
<tr>
<td ali
<sp
ale</span>
</td>
</tr>
<tr>
<td>
rTemplate>
Template>
d></tr></tab
rTemplate>
ew>
&nbsp
lections;
nfiguration;
ta;
nq;
b;
b.Security;
b.UI;
b.UI.HtmlCon
b.UI.WebCont
b.UI.WebCont
.Linq;
class eFormV
oid Page Loa
oid Button1
Initialize(
w1.DataBind(
lDataBou
e base para t
s datos con u
a
gn "center">
an style "fo
style "font
<asp:TextBo
nd("Price")
gn "center">
/>
p:LinkButton
mandName "In
Text "Inser
p:LinkButton
mmandName "C
Text "Cance
sp:LinkButto
e>
gn "center">
an style "fo
le>
; <br /
trols;
rols;
rols.WebPart
iew1 : Syste
d(object sen
Click(object
);
);
undContr
odos los con
un formato j
Contiole
>
ont weight:
t weight: bo
ox ID "Inser
%>'></asp:T
>
n ID "LinkBu
nsert"
rt"> </asp:L
n ID "LinkBu
Cancel"
el">
on>
>
ont weight:
/>
ts;
em.Web.UI.Pa
nder, EventA
t sender, Ev
rol
ntroles enlaz
errquico.
s ue Seivi
bold; font
old; font si
rtPriceTextB
TextBox></sp
utton1" runa
LinkButton>
utton2" runa
bold; font
age
Args e)
ventArgs e)
ados a datos
iuoi Web
size: large
ize: large">
Box" Width "
pan>
at "server"
at "server"
size: x lar
s de la versi
enlazauo
e; color:
>
100px"
rge; color:
n 2.0 de ASP
os a uatos
P.NET
s
Hiera
recup
de us
Hiera
Los de
lugar,
Tre
Mues
contr
o un
x
x
x
x
x
x
x
Nodo
El con
repre
x
archicalDataB
eran datos de
uario del cont
archicalDataB
esarrolladores
, usan control
eView
stra datos je
rol TreeView
directorio de
Enlace de
relaciona
Navegaci
Texto de
Acceso m
rellenar n
Relleno d
La capaci
Aspecto p
os
ntrol TreeVie
esentado por
Un nodo
BoundContro
e un control de
trol a dichos d
BoundContro
s de pginas n
es que deriva
rrquicos, co
w se utiliza pa
e archivos, e
e datos que p
ales.
n del sitio m
nodo que se
mediante pro
nodos, estab
de nodos del
dad para mo
personalizab
ew se compo
r un objeto T
que contien
a
ol es la clase
el origen de d
datos para mo
ol.
no utilizan dire
n de esta clas
omo una tab
ara mostrar d
n una estruc
permite enla
mediante la
e puede mos
gramacin a
lecer propie
lado cliente
ostrar una ca
ble por medio
one de nodo
TreeNode. Lo
e otros nodo
Contiole
base que se u
atos jerrquic
ostrarlos. Las c
ectamente la
se.
bla de conten
datos jerrq
ctura de rbo
azar los nodo
integracin c
strar como te
al modelo de
dades, etc.,
(en explora
asilla al lado
o temas, im
os. Cada entr
os tipos de n
os se denom
s ue Seivi
utiliza para los
co ASP.NET y
clases TreeVie
clase Hierarc
nido, en una
uicos, tales c
ol y admite la
os del contro
con el contro
exto sin form
e objetos Tre
de forma din
dores compa
de cada nod
genes defin
ada del rbo
odo se defin
ina un nodo
iuoi Web
s controles AS
enlazan elem
ew y Menu se
chicalDataBo
estructura d
como una ta
as siguientes
ol a datos XM
ol SiteMapDa
mato o hiperv
eView para
nmica.
atibles).
o.
idas por el u
ol se denomi
nen como sig
primario.
enlazauo
SP.NET que
entos de inte
derivan de
oundControl;
de rbol. El
bla de conte
s caractersti
ML, tabulares
ataSource.
vnculos.
crear rbole
usuario y esti
na nodo y es
gue:
os a uatos
rfaz
; en su
enido
cas:
o
es,
los.
st
s
x
x
x
Un no
prima
los no
Aunq
agreg
elem
Cada
mues
cualq
devo
Un no
mane
naveg
vaca
nodo
Dato
El mo
datos
y cier
estru
apert
un ob
atribu
<asp:
prima
Enlac
El con
de or
x
El nodo c
Un nodo
El nodo q
los dem
odo puede s
arios y de ho
odos vienen
que una estru
gar varios no
entos sin mo
nodo tiene
stra en el con
quier informa
lucin de da
odo puede e
era predeter
gacin, estab
(""). Para po
o en una cade
s estticos
odelo de dato
s estticos m
rre entre las
ctura de rb
tura y cierre.
bjeto TreeNo
utos de su el
:TreeNode>
ario.
ce a datos
ntrol TreeVie
rigen de dato
El contro
implemen
control S
propieda
fuente de
de datos
contenido en
que no tiene
que no est c
s nodos es e
er un eleme
oja son mutu
determinad
uctura de rb
odos raz a la
ostrar un nod
una propied
ntrol TreeVie
acin adicion
tos asociado
estar en uno
minada, un n
blezca la pro
oner un nodo
ena vaca (""
os ms simp
mediante sint
etiquetas de
bol anidando
. Cada eleme
ode. Puede e
lemento <as
adicionales
ew tambin
os adecuado,
l TreeView p
nta la interfa
iteMapDataS
d DataSourc
e datos. El co
especificado
a
n otro nodo s
e nodos deri
contenido en
el nodo raz.
nto primario
amente excl
as por si un
bol tpica tie
estructura d
do raz nico
ad Text y un
ew, mientras
nal sobre el n
o al nodo.
de dos modo
nodo est en
opiedad Navi
o en modo d
).
le del contro
taxis declarat
e apertura y
los element
ento <asp:Tr
establecer las
p:TreeNode
entre las etiq
se puede en
, puede utiliz
puede utiliza
az IHierarchic
Source. Para
ceID del cont
ontrol TreeV
o. ste es el m
Contiole
se denomina
vados se den
n ningn otro
o y un eleme
lusivos. Varia
nodo es raz,
ne slo uno
de rbol. Esto
o, como en u
a propiedad
s que la prop
nodo, tal com
os: modo de
n modo de se
gateUrl del n
de seleccin,
ol TreeView
tiva, primero
cierre del co
tos <asp:Tre
eeNode> re
s propiedade
e>. Para crea
quetas <asp
nlazar a datos
zar uno cual
r cualquier c
calDataSour
a enlazar a un
trol TreeView
iew se enlaz
mtodo reco
s ue Seivi
nodo secun
nomina nodo
o nodo pero
nto secunda
as propiedad
, primario o
nodo raz, el
o es til cuan
na lista de ca
Value. El va
piedad Value
mo los datos
e seleccin o
eleccin. Par
nodo en un v
establezca l
es el de dato
o coloque et
ontrol TreeVi
eNode> entr
presenta un
es de cada no
r nodos secu
:TreeNode>
s. Para enlaz
quiera de los
control de or
ce, como un
n control de
w en el valor
za automtic
omendado pa
iuoi Web
dario.
o de hoja.
es el nodo p
ario, pero los
des visuales y
de hoja.
l control Tre
ndo se desea
ategoras de
lor de la pro
e se utiliza pa
que se pasa
modo de na
ra poner un n
valor distinto
a propiedad
os estticos.
iquetas <No
iew. A contin
re las etiquet
nodo del rb
odo establec
undarios, ani
de apertura
zar el control
s dos mtod
rigen de dato
control Xml
origen de da
r ID del contr
amente al co
ara el enlace
enlazauo
primario de t
s nodos raz,
y conductua
eView perm
a mostrar list
e productos.
opiedad Text
ara almacena
an al evento
avegacin. De
nodo en mod
o de una cad
NavigateUr
Para mostra
des> de ape
nuacin, cre
tas <Nodes>
bol y se asign
ciendo los
de elemento
y cierre del
l TreeView a
os siguiente
os que
DataSource
atos, estable
rol de cdigo
ontrol de ori
e a datos.
os a uatos
odos
les de
mite
tas de
se
ar
de
e
do de
ena
l del
ar
rtura
e la
> de
na a
os
nodo
al tipo
s:
o un
ezca la
o
gen
s
x
Al en
(com
valor
el no
pero
elem
DataB
relac
del e
ms i
Pobla
En oc
datos
obten
rellen
nodo
dinm
para
Los e
partid
poste
contr
los us
obten
Popu
Perso
Existe
pued
los tip
Si uti
estilo
podr
hojas
La tab
El contro
DataSet c
propieda
llame al m
lazar a un or
o un elemen
devuelto po
do muestra
no es muy
ento de dato
Bindings. La
in entre un
nlace y la pro
informacin
acin de nod
casiones, no
s devuelve d
nida en tiem
nen de forma
o en true, el n
micamente u
rellenar un n
xploradores
do del llenad
eriores y algu
rol TreeView
suarios expa
ner ms info
lateNodesFr
onalizacin d
en muchas m
e especificar
pos de nodo
liza hojas de
os en lnea o
an producir
s de estilos c
bla siguiente
l TreeView t
con relacione
d DataSourc
mtodo Data
rigen de dato
nto XML con
or el mtodo
el nombre d
til en otro se
os especifica
coleccin Da
elemento d
opiedad del
sobre enlace
do dinmica
es prctico d
emasiados d
po de ejecuc
a dinmica. C
nodo se relle
un nodo, deb
nodo para el
compatibles
do de nodos
unos otros ex
w para rellena
nden el nod
rmacin sob
romClient.
de la interfaz
maneras de p
r un estilo di
.
e estilos en ca
un archivo C
resultados i
on controles
e enumera lo
a
tambin se p
es. Para enla
ce del contro
aBind.
os donde cad
varios atribu
o ToString de
el elemento,
entido. Pued
ndo los enla
ataBindings c
e datos y el
elemento de
es de nodos
definir estti
datos o porqu
cin. Debido
Cuando se es
ena en tiemp
be definir un
evento Tree
s con los scri
en el cliente
xploradores.
ar un nodo m
o, sin necesi
bre el relleno
z de usuario
personalizar
ferente (por
ascada (CSS)
CSS independ
nesperados.
s, vea Contro
os estilos de
Contiole
puede enlaza
azar a uno de
ol TreeView e
da elemento
utos), un nod
el elemento d
, el cual indic
de enlazar un
aces del nodo
contiene obj
nodo al que
e datos que s
de rbol, ve
icamente la
ue los datos
o a esto, el co
stablece la p
po de ejecuci
mtodo de
eNodePopula
ipts de devo
e. (Se incluye
.) El relleno d
mediante sec
dad de una a
o de nodos e
el aspecto d
r ejemplo, ta
para person
diente, pero
Para obtene
oles de servid
nodo dispon
s ue Seivi
r a un objeto
e estos orge
en el origen d
de datos co
do muestra d
de datos. En
ca la estruct
n nodo a una
o del rbol m
etos TreeNo
se enlaza. P
se va a most
a TreeNodeB
estructura d
a mostrar de
ontrol TreeV
propiedad Po
in cuando s
control de ev
ate.
lucin de llam
en Internet Ex
de nodos del
cuencias de c
accin de ida
n el cliente, v
el control Tr
mao y colo
nalizar la apa
no ambos. S
er ms inform
dor Web ASP
nibles.
iuoi Web
o XmlDocum
nes de datos
de datos y, a
ontiene varia
de manera p
el caso de u
ura subyacen
a determinad
mediante la c
odeBinding q
uede especif
trar en el nod
Binding.
el rbol porq
ependen de
View admite q
opulateOnDe
se expande.
ventos que c
mada tambi
xplorer 5.5 y
l lado cliente
comandos de
a y vuelta al
vea
reeView. En
or de fuente)
ariencia del c
Si se utilizan
macin sobre
P.NET y estilo
enlazauo
ment o un obj
s, establezca
a continuaci
s propiedade
redetermina
n elemento
nte del rbo
da propiedad
coleccin
que definen
ficar los crite
do. Para obte
que el origen
la informaci
que los nodo
emand de un
Para rellenar
contenga la l
n pueden s
y versiones
e habilita el
e cliente cua
servidor. Pa
primer lugar
para cada u
control, utilic
ambos, se
e cmo utiliz
os de CSS.
os a uatos
jeto
a la
n,
es
ada el
XML,
l,
d del
la
erios
ener
n de
n
os se
n
r
lgica
acar
ando
ra
r,
no de
ce
zar
s
Prop
nodo
Hove
LeafN
Node
Pare
Root
Selec
Otra
mues
imge
la tab
Prop
imag
Colla
Expa
LineI
NoEx
El con
Show
casilla
Event
piedad de est
o
erNodeStyle
NodeStyle
eStyle
entNodeStyle
tNodeStyle
ctedNodeSty
manera de m
stran en el co
enes para la
bla siguiente
piedad de
gen
apseImageUr
andImageUrl
ImagesFolde
xpandImage
ntrol TreeVie
wCheckBoxes
as junto a lo
tos
tilo de
D
C
m
L
L
e L
L
yle L
modificar el a
ontrol TreeV
s diferentes
.
Descrip
rl La dire
contra
La dire
expans
er La dire
utilizad
La prop
surta e
Url La dire
expans
ew tambin
s se establec
s tipos de no
a
Descripcin
Configuracin
mouse se colo
a configurac
a configurac
a configurac
a configurac
a configurac
aspecto del c
View. Puede
partes del co
pcin
ccin URL a
ble. Esta ima
ccin URL a
sible. Esta im
ccin URL a
das para cone
piedad Show
fecto.
ccin URL a
sible.
permite mos
e en un valo
odo especific
Contiole
n de estilo pa
oca sobre l
cin de estilo
cin de estilo
cin de estilo
cin de estilo
cin de estilo
control es la
especificar s
ontrol estab
una imagen
agen normal
una imagen
magen norma
la carpeta qu
ectar los nod
wLines debe e
una imagen
strar una cas
r distinto de
cados.
s ue Seivi
ara un nodo
.
o para los nod
o predetermi
o para los nod
o para el nod
o para un nod
personalizac
su propio con
leciendo las
mostrada pa
lmente es un
mostrada pa
almente es u
ue contiene
dos primario
establecerse
mostrada pa
silla junto a u
TreeNodeTy
iuoi Web
cuando el p
dos de hoja.
inada para u
dos primario
o raz.
do seleccion
cin de las im
njunto perso
propiedades
ara el indicad
n signo meno
ara el indicad
n signo ms
las imgenes
os a los nodo
tambin en
ara el indicad
un nodo. Cua
ypes.None,
enlazauo
untero del
n nodo.
os.
ado.
mgenes que
onalizada de
s que aparec
dor de nodo
os ().
dor de nodo
(+
s de lnea
s secundario
true para qu
dor de nodo
ando la prop
se muestran
os a uatos
e se
cen en
os.
ue
no
piedad
n
s
El con
mane
siguie
Even
Tree
Selec
Tree
Tree
Tree
Tree
<?xml
<Custo
<Cus
<O
ntrol TreeVie
era, se puede
ente tabla se
nto
NodeCheckC
ctedNodeCh
NodeExpand
NodeCollaps
NodePopula
NodeDataBo
version="1.0
omers>
stomer Custome
Orders>
<Order Order
<OrderItem
<OrderIte
PartDesc
Price="2
<OrderIte
PartDesc
Price="1
</OrderItem
</Order>
<Order Order
<OrderItem
<OrderIte
PartDesc
Price="8
<OrderIte
PartDesc
ew proporcio
e ejecutar un
e enumeran
De
Changed Se
en
anged Se
ded Se
sed Se
ate Ap
es
ound Se
co
" encoding="u
erId="1" Name
Id="1" ShipDa
s>
em OrderItemI
ription="Larg
2.00" />
em OrderItemI
ription="Medi
2.50" />
ms>
Id="2" ShipDa
s>
em OrderItemI
ription="Smal
.99" />
em OrderItemI
ription="Medi
a
ona varios ev
na rutina per
los eventos a
escripcin
e produce cu
ntre cada env
e produce cu
e produce cu
e produce cu
parece cuand
tablecida en
e produce cu
ontrol TreeVi
tf 8" ?>
="Northwind T
te="06 22 200
d="1" PartNum
ge Widget" Qua
d="2" PartNum
um Widget" Qu
te="06 25 200
d="5" PartNum
l Widget" Qua
d="4" PartNum
um Widget" Qu
Contiole
ventos que p
rsonalizada s
admitidos po
ando las cas
vo al servido
ando se sele
ando se expa
ando se cont
do un nodo c
n true se exp
ando un elem
iew.
Traders">
06">
mber="123"
antity="5"
mber="234"
uantity="2"
06">
mber="432"
antity="30"
mber="234"
uantity="2"
s ue Seivi
puede utiliza
siempre que
or el control
illas del cont
or.
ecciona un no
ande un nod
trae un nodo
con su propie
ande en el c
mento de da
iuoi Web
ar para progr
se produzca
TreeView.
trol TreeView
odo en el con
do en el cont
o en el contr
edad Popula
ontrol TreeV
atos se enlaz
enlazauo
ramar. De est
a un evento.
w cambian
ntrol TreeVi
trol TreeView
rol TreeView
teOnDeman
View.
a a un nodo
os a uatos
ta
En la
ew.
w.
w.
nd
del
s
</
<I
</
</Cu
<Cus
<O
Price=
Price=
Price=
Price=
</
<I
</
</Cu
</Cust
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
<
<
DataF
ShowL
Value
Value
Value
Value
<
<
</bod
</htm
using
using
using
using
using
using
using
using
using
Price="1
</OrderItem
</Order>
/Orders>
Invoices>
<Invoice Invo
<Invoice Invo
/Invoices>
ustomer>
stomer Custome
Orders>
<Order Order
<OrderItem
<OrderIte
="87.25" />
<OrderIte
="2.00" />
</OrderItem
</Order>
<Order Order
<OrderItem
<OrderIte
="78.99" />
<OrderIte
="1.20" />
</OrderItem
</Order>
/Orders>
Invoices>
<Invoice Invo
<Invoice Invo
/Invoices>
ustomer>
tomers>
Page Languag
rits "eTreeV
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
<form id "fo
<div>
<asp:Xml
File "~/App
</asp:Xm
<asp:Tre
Lines "True"
Expa
<Dat
eField "Cust
eField "Orde
eField "Orde
eField "Invo
</Da
</asp:Tr
</div>
</form>
dy>
ml>
g System;
g System.Col
g System.Con
g System.Dat
g System.Lin
g System.Web
g System.Web
g System.Web
g System.Web
2.50" />
ms>
oiceId="6" Am
oiceId="7" Am
erId="2" Name
Id="8" ShipDa
s>
em OrderItemI
em OrderItemI
ms>
Id="11" ShipD
s>
em OrderItemI
em OrderItemI
ms>
oiceId="26" A
oiceId="27" A
ge "C#" Auto
View1" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
orm1" runat
DataSource
Data/treevi
mlDataSource
eeView ID "T
andDepth "0"
taBindings>
<asp:TreeNo
tomerId" />
<asp:TreeNo
erId" />
<asp:TreeNo
erItemId" />
<asp:TreeNo
oiceId"
FormatS
ataBindings>
reeView>
lections;
nfiguration;
ta;
nq;
b;
b.Security;
b.UI;
b.UI.HtmlCon
a
mount="99.37"
mount="147.50"
="Tailspin To
te="07 11 200
d="9" PartNum
d="10" PartNu
Date="08 21 20
d="12" PartNu
d="14" PartNu
Amount="46.58"
Amount="279.15
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
"server">
ID "XmlDataS
ewxml.xml">
>
reeView1" ru
onselectedn
deBinding Da
deBinding Da
deBinding Da
deBinding Da
tring "{0:C
trols;
Contiole
/>
" />
oys">
06">
mber="987" Par
umber="654" Pa
006">
umber="999" Pa
umber="575" Pa
" />
5" />
"true" Code
ML 1.0 Trans
1 transition
tml">
Source1" run
unat "server
nodechanged
ataMember "C
ataMember "O
ataMember "O
ataMember "I
}" />
s ue Seivi
rtDescription=
artDescription
artDescription
artDescription
eFile "eTree
sitional//EN
nal.dtd">
nat "server"
r" DataSourc
"TreeView1
Customer" Te
Order" TextF
OrderItem" T
Invoice" Tex
iuoi Web
="Combo Widget
n="Ugly Widget
n="Pretty Widg
n="Tiny Widget
eView1.aspx.
N"
"
ceID "XmlDat
SelectedNod
extField "Na
Field "ShipD
TextField "P
xtField "Amo
enlazauo
t" Quantity="
t" Quantity="
get" Quantity
t" Quantity="
cs"
taSource1"
deChanged">
ame"
Date"
PartDescript
ount"
os a uatos
2"
1"
y="50"
100"
ion"
s
using
using
using
publi
{
p
{
}
p
{
}
}
Men
Mues
El con
comb
Menu
x
x
x
x
Cuan
pgin
Navig
pgin
mane
contr
utilice
El con
estt
de m
de m
Static
valor
men
elem
desap
para
g System.Web
g System.Web
g System.Xml
ic partial c
protected vo
{
}
protected vo
{
Response
}
nu
stra un men
ntrol Menu s
binacin con
u admite las
Enlace de
datos jer
Exploraci
Acceso m
elemento
Aspecto p
plantillas
do el usuario
na Web vincu
gateUrl de un
na vinculada;
era predeter
rol Menu. Pa
e la propieda
ntrol Menu m
ico siempre
en del nive
en (subme
cDisplayLeve
especificado
dinmico s
ento del me
parecen auto
especificar e
b.UI.WebCont
b.UI.WebCont
.Linq;
class eTreeV
oid Page Loa
oid TreeView
e.Write("Val
en una pg
se utiliza par
un control S
caracterstic
e datos que p
rquicos.
n del sitio m
mediante pro
os de men,
personalizab
definidas po
o hace clic en
ulada o simp
n elemento d
; de lo contra
minada, una
ara mostrar e
ad Target de
muestra dos
se muestra e
el raz (nivel 0
ns estticos
els. Los eleme
o por la prop
lo aparece
n primario
omticamen
esa duracin
a
rols;
rols.WebPart
iew1 : Syste
d(object sen
1 SelectedNo
ue:" + TreeV
gina web ASP
ra mostrar un
SiteMapData
cas siguiente
permite enla
mediante la
gramacin a
establecer p
ble mediante
or el usuario
n un elemen
plemente dev
de men se e
ario, devuelv
a pgina vinc
el contenido
el control Me
tipos de me
en un contro
0) se muestra
s) dentro de
entos de me
piedad Static
cuando el us
que contien
te despus d
.
Contiole
ts;
em.Web.UI.Pa
nder, EventA
odeChanged(o
View1.Select
P.NET.
n men en u
aSource para
es:
azar los elem
integracin c
al modelo de
propiedades,
e temas, img
.
nto de men,
volver la pg
encuentra e
ve la pgina a
culada se mu
vinculado e
enu.
ens: un men
ol Menu. De
an en el men
l men estt
en (si existe
cDisplayLeve
suario coloca
e el submen
de cierto tiem
s ue Seivi
age
Args e)
object sende
tedNode.Valu
una pgina w
a navegar po
mentos de me
con el contro
el objeto Men
etc., de form
genes definid
, el control M
gina al servid
stablecida, e
al servidor p
uestra en la m
n una ventan
n esttico y
manera pred
n esttico. P
tico establec
alguno) con
ls se muestra
a el puntero
n dinmico.
mpo. Utilice
iuoi Web
er, EventArg
ue);
web ASP.NET,
r un sitio we
en del cont
ol SiteMapDa
nu para crea
ma dinmica
das por el us
Menu puede
or. Si la prop
el control Me
ara que la p
misma venta
na o un marc
un men di
determinada
Puede mostr
ciendo la pro
n un nivel m
an en un me
del mouse (
Los mens d
la propiedad
enlazauo
gs e)
, a menudo e
eb. El control
rol a orgene
ataSource.
ar mens, rel
a.
suario, estilo
navegar a u
piedad
enu navega a
rocese. De
na o marco q
co diferente,
nmico. El m
a, los elemen
rar otros nive
piedad
s alto que e
en dinmico
ratn) sobre
dinmicos
d DisappearA
os a uatos
en
es de
llenar
os y
na
a la
que el
,
men
ntos
eles
l
o. Un
e el
After
s
Tamb
estab
valor
Elem
Un co
Menu
men
de m
Los e
de su
Cada
propi
almac
se pa
elem
Navig
Dato
El mo
Para
etiqu
Menu
entre
un el
las pr
<asp:
adicio
prima
Enlac
El con
orige
x
x
bin puede li
bleciendo la p
especificado
entos de me
ontrol Menu
uItem. Los el
raz. Un ele
en secunda
lementos de
u men prima
elemento d
iedad Text se
cenar cualqu
asan al event
ento de men
gateUrl.
s estticos
odelo de dato
mostrar elem
etas <Items>
u. A continua
e las etiqueta
emento de m
ropiedades d
:MenuItem>
onales entre
ario.
ce a datos
ntrol Menu t
n de datos a
El contro
un contro
de origen
en el valo
automti
recomen
El contro
control a
en el orig
imitar el nm
propiedad M
o no se tiene
en
se compone
lementos de
emento de m
ario. Todos lo
e un men se
ario.
e men tien
e muestra en
uier informac
to de devoluc
n, ste pued
os ms simp
mentos de m
> de apertur
acin, cree la
as <Items> d
men del con
de cada elem
>. Para crear
las etiqueta
tambin se p
adecuado, pu
l Menu pued
ol XmlDataSo
n de datos je
or ID del cont
camente al c
dado para el
l Menu tamb
este origen
gen de datos
a
mero de nive
MaximumDyn
en en cuenta
e de un rbo
e men del n
men que tie
os elemento
ecundario se
e una propie
n el control M
cin adiciona
cin de dato
de navegar a
le del contro
men esttico
ra y cierre en
a estructura
e apertura y
ntrol y se cor
mento de me
los element
as <asp:Men
puede enlaza
uede utilizar
de utilizar cu
ource o un co
rrquico, est
trol de orige
control de or
l enlace a da
bin se pued
de datos, es
y, a continu
Contiole
eles que se m
namicDisplay
a
ol de element
ivel superior
ne un eleme
s del men r
e almacenan
edad Text y u
Menu, mient
al sobre el el
os asociado a
a otra pgina
ol Menu es e
os mediante
ntre las etiqu
de men an
y cierre. Cada
rresponde co
n estableci
os de subme
uItem> de a
ar a datos. Pa
uno cualqui
ualquier cont
ontrol SiteM
tablezca la p
en de datos.
rigen de dato
atos.
de enlazar a u
stablezca la p
acin, llame
s ue Seivi
muestran en
yLevels. Los n
tos de men
r (nivel 0) se
ento de men
raz se almac
en la colecci
una propieda
tras que la p
lemento de m
al elemento d
a Web indica
el de los elem
sintaxis dec
uetas de ape
nidando los e
a elemento <
on un objeto
endo los atri
en, anide el
pertura y cie
ara enlazar e
era de los do
trol de origen
MapDataSour
ropiedad Da
El control M
os especifica
un objeto Xm
propiedad Da
e al mtodo D
iuoi Web
un men din
niveles de m
representad
denominan
primario se
cenan en la c
in ChildItem
ad Value. El v
ropiedad Va
men, tal co
de men. Al
da por la pro
mentos de m
larativa, prim
rtura y cierre
elementos <a
<asp:MenuIt
o MenuItem.
ibutos de su
lementos <a
erre del elem
el control Me
os mtodos s
n de datos je
ce. Para enla
ataSourceID d
enu se enlaz
ado. ste es e
mlDocument
ataSource de
DataBind.
enlazauo
nmico
men superio
dos por obje
elementos d
e llama elem
coleccin Ite
ms de eleme
valor de la
lue se utiliza
mo los datos
hacer clic en
opiedad
en esttico
mero coloqu
e del control
asp:MenuIte
tem> represe
Puede estab
elemento
sp:MenuItem
mento de me
enu al tipo d
siguientes:
errquico, co
azar a un con
del control M
za
el mtodo
t. Para enlaza
el control Me
os a uatos
res al
etos
del
mento
ms.
ntos
a para
s que
n un
os.
e
em>
enta
blecer
m>
n
e
omo
ntrol
Menu
ar el
enu
s
<?xml
<Menu
<Ho
<Pr
<
u
<
u
<
u
</P
<Su
<
u
<
u
</S
<Ab
<
<
</A
</Men
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
l version "1
uItems>
ome display
roducts disp
<SmallWidget
url "~/produ
<MediumWidge
url "~/produ
<BigWidgets
url "~/produ
Products>
upport displ
<Downloads d
url "~/suppo
<FAQs displa
url "~/suppo
Support>
boutUs displ
<Company dis
<Locations d
AboutUs>
nuItems>
Page Languag
rits "eMenu1
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title>Pgin
ad>
y>
.0" encodin
"Home" url
play "Produc
ts display "
ucts/smallwi
ets display
ucts/mediumw
display "Bi
ucts/bigwidg
ay "Support
display "Dow
ort/download
ay "FAQs"
ort/faqs.asp
ay "About U
play "Compa
display "Loc
ge "C#" Auto
" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
na sin ttul
a
g "utf 8" ?>
"~/" />
ts" url "~/p
Small Widget
dgets.aspx"
"Medium Widg
idgets.aspx"
g Widgets"
ets.aspx" />
" url "~/Sup
nloads"
s.aspx" />
x" />
s" url "~/ab
ny" url "~/a
ation" url "
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
o</title>
Contiole
>
products/">
ts"
/>
gets"
" />
>
pport/">
boutus/">
aboutus/comp
"~/aboutus/l
"true" Code
ML 1.0 Trans
1 transition
tml">
s ue Seivi
pany.aspx" /
locations.as
eFile "eMenu
sitional//EN
nal.dtd">
iuoi Web
/>
spx" />
u1.aspx.cs"
N"
enlazauo os a uatos
s
<
<
OnMen
DataF
<
<
<
</bod
</htm
using
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
}
<form id "fo
<div>
<asp:Men
nuItemClick
</asp:Me
<asp:Xml
File "~/App
XPat
<br />
</div>
<asp:Label I
</form>
dy>
ml>
g System;
g System.Col
g System.Con
g System.Dat
g System.Lin
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Xml
ic partial c
protected vo
{
}
protected vo
{
Label1.T
}
orm1" runat
nu ID "Menu1
"Menu1 Menu
enu>
DataSource
Data/MenuIt
th "/MenuItem
D "Label1"
lections;
nfiguration;
ta;
nq;
b;
b.Security;
b.UI;
b.UI.HtmlCon
b.UI.WebCont
b.UI.WebCont
.Linq;
class eMenu1
oid Page Loa
oid Menu1 Me
Text e.Item
a
"server">
" runat "ser
ItemClick">
ID "XmlDataS
ems.xml"
ms/*"></asp
runat "serve
trols;
rols;
rols.WebPart
: System.We
d(object sen
nuItemClick
m.ValuePath;
Contiole
rver" DataSo
Source1" run
:XmlDataSour
er" Text "La
ts;
eb.UI.Page
nder, EventA
(object send
;
s ue Seivi
ourceID "Xml
nat "server"
rce>
abel"></asp:
Args e)
der, MenuEve
iuoi Web
lDataSource1
"
Label>
entArgs e)
enlazauo
"
os a uatos
s
AApliicac
co
cio
on .
Tem
Tia
con
XN
M
ne
.NE
ma
abaj
n ua
NL

MC
s
ET 3
janu
atos
CTS:
Web
3.5
uo
:
b
5
Ti
El X
La cre
en el
DOM
docu
los do
A pes
lengu
la for
Arb
Una d
en la
por a
(prr
elem
Toda
pode
HTM
de m
web e
Esta t
utiliza
funci
y por
DOM
que e
relac
La sig
<!DO
"http
<htm
<hea
<met
iabaja
XML DOM
eacin del D
desarrollo d
M permite a lo
mentos XML
ocumentos X
sar de sus or
uajes de prog
rma de imple
ol de Nod
de las tareas
manipulaci
lgunos elem
afos, <div>, e
ento (que ap
s estas tarea
r utilizar las
L normal no
anipular. Po
en una estru
transformac
ar las herram
onamiento d
r tanto, la for
M transforma
estn interco
iones entre e
guiente pgin
OCTYPE html
p://www.w3.
ml xmlns="htt
d>
ta httpequiv
anuo
M
ocument Obj
de las pgina
os programa
L. De hecho,
XML.
genes, DOM
gramacin (J
ementarlo.
dos
s habituales e
n de las pg
mentos (por e
etc.) de form
parezca/desa
as habituales
utilidades de
es ms que
r ello, los na
uctura ms e
in la realiza
mientas de D
de esta trans
rma en la qu
todos los do
onectados y q
ellos. Por su
na XHTML se
PUBLIC "//W
.org/TR/xhtm
tp://www.w
v="ContentT
con u
bject Model o
s web dinm
dores web a
DOM se dise
M se ha conv
ava, PHP, Jav
en la program
ginas web. De
ejemplo los e
ma dinmica
aparezca, qu
s son muy se
e DOM, es n
una sucesin
vegadores w
ficiente de m
an todos los
DOM de form
sformacin in
e se manipu
ocumentos X
que represen
aspecto, la u
encilla:
W3C//DTD X
ml1/DTD/xht
3.org/1999/x
Type" conten
uatos
o DOM es un
micas y de las
acceder y ma
e originalm
ertido en un
vaScript) y c
macin de ap
e esta forma
elementos de
y aadirlo a
ue se desplac
ncillas de re
ecesario "tra
n de caracte
web transform
manipular.
navegadores
ma muy senci
nterna es qu
lan las pgin
XHTML en un
ntan los cont
unin de tod
XHTML 1.0 Tr
tml1transitio
xhtml">
nt="text/htm
Tema
s XNL
na de las inno
s aplicacione
anipular las p
mente para m
a utilidad dis
uyas nicas d
plicaciones w
a, es habitua
e un formula
la pgina, ap
ce, etc.).
alizar gracias
ansformar" l
res, por lo qu
man autom
s de forma a
lla. El motivo
e condiciona
nas.
n conjunto de
tenidos de la
dos los nodos
ransitional//
onal.dtd">
ml; charset=is
Tiabajan
L
ovaciones qu
s web ms c
pginas XHTM
manipular de
sponible par
diferencias s
web con Java
l obtener el v
ario), crear u
plicar una an
s a DOM. Sin
a pgina orig
ue es un form
ticamente t
utomtica y
o por el que
a el comport
e elementos
as pginas w
s se llama "
EN"
so88591" /
nuo con u
ue ms ha in
complejas.
ML como si f
e forma senc
ra la mayora
se encuentra
aScript consi
valor almace
n elemento
nimacin a u
n embargo, p
ginal. Una p
mato muy di
odas las pg
nos permite
se muestra e
tamiento de
llamados no
web y las
rbol de nodo
/>
atos XNL
fluido
fueran
cilla
a de
an en
ste
enado
n
para
gina
ifcil
inas
e
el
DOM
odos,
os".
L
<title
</hea
<bod
<p>E
</bod
</htm
Se tra
Figur
la pg
En el
relac
y su c
La ra
espec
A par
La co
raz s
e>Pgina sen
ad>
y>
sta pgina es
dy>
ml>
ansforma en
a 5.1. rbol
gina
esquema an
iones entre n
contenido.
z del rbol d
cial denomin
rtir de ese no
nversin de
olamente pu
cilla</title>
s <strong>m
el siguiente
de nodos ge
nterior, cada
nodos. Dent
de nodos de
nado "Docum
odo raz, cad
etiquetas en
ueden deriva
uy sencilla</
rbol de no
enerado auto
rectngulo r
ro de cada n
cualquier p
mento".
a etiqueta X
n nodos se re
ar los nodos
/strong></p>
dos:
omticament
representa u
odo, se ha in
gina XHTML
HTML se tra
ealiza de form
HEAD y BOD
Tema
>
te por DOM
un nodo DOM
ncluido su tip
L siempre es
nsforma en
ma jerrquic
DY. A partir d
Tiabajan
a partir del c
M y las flecha
po (que se ve
la misma: un
un nodo de t
ca. De esta fo
e esta deriva
nuo con u
cdigo XHTM
as indican la
er ms ade
n nodo de tip
tipo "Elemen
orma, del no
acin inicial,
atos XNL
ML de
s
lante)
po
nto".
do
cada
L
etiqu
padre
La tra
de tip
tipo "
As, la
<title
Gene
Figur
De la
<p>E
Gene
eta XHTML s
e".
ansformacin
po "Elemento
"Texto" que
a siguiente e
e>Pgina sen
era los siguie
a 5.2. Nodos
misma form
sta pgina es
era los siguie
Nodo de
Nodo de
Como el c
interior s
<strong>
El conten
deriva de
se transform
n de las etiq
o" (correspo
contiene el t
etiqueta XHT
cilla</title>
ntes dos nod
s generados
ma, la siguien
s <strong>m
ntes nodos:
tipo "Elemen
tipo "Texto"
contenido de
e transforma
y que deriva
nido de la eti
el nodo gene
ma en un nod
uetas XHTM
ndiente a la
texto encerra
ML:
dos:
automticam
nte etiqueta X
uy sencilla</
nto" corresp
con el conte
e <p> incluye
a en un nodo
a del nodo an
queta <stron
rado por <st
o que deriva
L habituales
propia etiqu
ado por esa
mente por D
XHTML:
/strong></p>
ondiente a l
enido textua
e en su inter
o de tipo "Ele
nterior.
ng> genera a
trong>.
Tema
a del nodo co
genera dos
ueta XHTML)
etiqueta XHT
OM para una
>
a etiqueta <p
al de la etiqu
ior otra etiq
emento" que
a su vez otro
Tiabajan
orrespondien
nodos: el pr
) y el segund
TML.
a etiqueta XH
p>.
eta <p>.
ueta XHTML
e representa
nodo de tipo
nuo con u
nte a su "etiq
imero es el n
o es un nodo
HTML sencil
L, la etiqueta
a la etiqueta
o "Texto" qu
atos XNL
queta
nodo
o de
la
ue
L
Figur
etiqu
La tra
regla
Como
Aun a
propo
cualq
Tipo
La es
habit
Los o
CData
a 5.3. Nodos
etas XHTML
ansformacin
s:
Las etiqu
el segund
Si una eti
anterior,
o se puede s
as, el proces
orcionadas p
quier nodo de
os de Nod
pecificacin
tuales se pue
Documen
Element,
puede co
Attr, se d
etiquetas
Text, nod
Commen
otros tipos de
aSection, Do
s generados
L en su interio
n automtica
etas XHTML
do nodo es h
iqueta XHTM
pero los nod
uponer, las p
so de transfo
por DOM (qu
e la pgina d
dos
completa de
eden manipu
nt, nodo raz
representa
ontener atrib
efine un nod
s XHTML, es
do que contie
t, representa
e nodos exist
ocumentFrag
automticam
or
a de la pgin
se transform
ijo del prime
ML se encuen
dos generado
pginas XHT
ormacin es
ue se vern m
de forma sen
e DOM defin
ular manejan
del que deri
cada una de
butos y el ni
do de este ti
decir, uno po
ene el texto
a los coment
tentes que n
gment, Entity
mente por D
na en un rbo
man en dos n
ero y consist
ntra dentro d
os sern nod
ML habituale
rpido y aut
ms adelante
ncilla e inmed
ne 12 tipos d
ndo solamen
ivan todos lo
las etiqueta
ico del que p
po para repr
or cada par a
encerrado p
tarios incluid
no se van a co
y, EntityRefe
Tema
OM para una
ol de nodos s
nodos: el prim
e en el conte
de otra, se sig
dos hijo de su
es producen
omtico, sie
e) las nicas
diata.
e nodos, aun
te cuatro o c
os dems nod
as XHTML. Se
pueden deriv
resentar cada
atributo=valo
or una etiqu
dos en la pg
onsiderar so
rence, Proce
Tiabajan
a etiqueta XH
siempre sigu
mero es la p
enido textua
gue el mismo
u etiqueta pa
rboles con
ndo las func
que permite
nque las pg
cinco tipos de
dos del rbo
e trata del n
var otros nod
a uno de los
or.
ueta XHTML.
gina XHTML.
n Document
essingInstruc
nuo con u
HTML con ot
ue las misma
ropia etique
al de la etiqu
o procedimie
adre.
miles de no
iones
en acceder a
inas XHTML
e nodos:
ol.
nico nodo qu
dos.
atributos de
tType,
ction y Notat
atos XNL
tras
s
ta y
eta.
ento
dos.
ue
e las
tion.
L
Acce
Una v
las fu
un no
rbol
estab
elem
DOM
de su
Las fu
consi
de es
busca
acced
padre
Por e
nodo
Por
solam
despu
que u
pgin
getEl
Como
getEl
La fun
XHTM
El sig
var p
El val
partir
todos
bsq
El val
que s
nodo
debe
De es
eso direct
vez construid
unciones DOM
odo del rbo
l, ya es posib
blecer el valo
entos, etc.
M proporciona
us nodos pad
unciones que
sten en acce
sos hijos y as
ado. Sin emb
der directam
e.
ese motivo, n
os y se muest
ltimo, es im
mente es pos
us de que la
un cdigo Jav
na XHTML.
lementsByT
o sucede con
ementsByTa
ncin getEle
ML cuya etiqu
uiente ejem
arrafos = do
or que se ind
r del cual se
s los prrafo
ueda.
or que devu
su etiqueta c
os DOM, no u
procesar ca
ste modo, se
to a los no
do automtic
M para acced
l es equivale
ble manipula
or de un elem
a dos mtod
dre y acceso d
e proporcion
eder al nodo
s sucesivame
bargo, cuand
mente a ese n
no se van a p
tran solamen
portante rec
sible cuando
a pgina XHT
vaScript sola
TagName()
n todas las fu
agName() tie
mentsByTag
ueta sea igua
plo muestra
cument.getE
dica delante
realiza la b
s de la pgin
elve la funci
coincide con
un array de c
da valor del
e puede obte
odos
camente el
der de forma
ente a accede
r de forma s
mento, move
dos alternativ
directo.
na DOM para
raz de la p
ente hasta e
do se quiere a
nodo y no lle
presentar las
nte las que p
cordar que e
el rbol DOM
TML se cargu
amente se eje
)
unciones que
ne un nomb
gName(nomb
al que el par
cmo obten
ElementsByT
del nombre
squeda de lo
na, se utiliza
n es un arr
el parmetro
cadenas de te
array de la f
ener el prime
rbol comple
a directa a cu
er a "un troz
encilla la pg
er un elemen
vos para acc
a acceder a u
gina y despu
l ltimo nodo
acceder a un
gar a el desc
funciones n
permiten acc
l acceso a lo
M ha sido co
ue por comp
ecute cuand
e proporcion
re muy largo
breEtiqueta)
rmetro que
ner todos los
TagName("p"
e de la funci
os elementos
el valor docu
ay con todos
o proporcion
exto o un arr
forma que se
er prrafo de
Tema
eto de nodos
ualquier nod
zo" de la pg
gina: accede
nto de la pg
eder a un no
un nodo a tra
us a sus nod
o de la rama
n nodo espec
cendiendo a
ecesarias pa
eder de form
s nodos, su m
onstruido com
leto. Ms ad
o el navegad
a DOM, la fu
o, pero que l
obtiene tod
se le pasa a
s prrafos de
");
n (en este ca
s. En este ca
ument como
s los nodos q
nado. El valo
ray de objeto
e muestra en
e la pgina de
Tiabajan
s DOM, ya es
do del rbol.
ina, una vez
r al valor de
ina, crear y a
odo especfic
avs de sus n
dos hijos y a
a terminada p
cfico, es mu
travs de to
ra el acceso
ma directa a
modificacin
mpletament
delante se ve
dor ha cargad
uncin
o hace autoe
os los eleme
la funcin.
e una pgina
aso, docume
so, como se
o punto de pa
que cumplen
or devuelto e
os normales
n las siguient
e la siguiente
nuo con u
s posible util
Como acced
construido e
un elemento
aadir nuevo
co: acceso a
nodos padre
los nodos hi
por el nodo
cho ms rp
dos sus nodo
jerrquico d
los nodos.
n y su elimina
e, es decir,
er cmo ase
do entera la
explicativo.
entos de la p
XHTML:
ent) es el nod
quieren obt
artida de la
n la condicin
es un array de
. Por lo tanto
es secciones
e manera:
atos XNL
izar
der a
el
o,
os
travs
ijos
ido
os
de
acin
egurar
pgina
do a
ener
n de
e
o, se
s.
L
var p
De la
for(va
var p
}
La fun
los no
prime
var p
var p
var e
getEl
La fun
elem
se ob
var p
<p na
<p na
<p>..
Norm
es un
elem
relac
Intern
cuent
los el
getEl
La fun
dinm
modi
rimerParrafo
misma form
ar i=0; i<parr
parrafo = pa
ncin getEle
odos devuelt
er prrafo de
arrafos = do
rimerParrafo
nlaces = prim
lementsByN
ncin getEle
entos cuyo a
btiene directa
arrafoEspeci
ame="prueba
ame="especi
.</p>
malmente el a
n mtodo mu
entos HTML
ionados, por
net Explorer
ta para los e
ementos cuy
lementById
ncin getEle
micas. Se trat
ficar sus pro
o = parrafos[
ma, se podra
rafos.length;
rrafos[i];
mentsByTag
tos por la fun
e la pgina:
cument.getE
o = parrafos[
merParrafo.g
Name()
mentsByNam
atributo nam
amente el n
ial = docume
a">...</p>
ial">...</p>
atributo nam
uy prctico p
radiobutton
r lo que la fu
r 6.0 no imple
lementos de
yo atributo i
d()
mentById() e
ta de la func
opiedades.
[0];
an recorrer to
; i++) {
gName() se p
ncin. En el s
ElementsByT
[0];
getElementsB
me() es simil
me sea igual a
nico prrafo
ent.getEleme
me es nico p
para acceder
n, el atributo
ncin devue
ementa de fo
e tipo <input
d sea igual a
es la ms uti
cin preferid
odos los prr
puede aplicar
siguiente eje
TagName("p"
ByTagName(
ar a la anter
al parmetro
con el nomb
entsByName
para los elem
directament
name es co
elve una cole
orma correc
> y <img>. A
al parmetro
lizada cuand
a para acced
Tema
rafos de la p
r de forma re
emplo, se ob
");
("a");
ior, pero en
o proporcion
bre indicado
("especial");
mentos HTM
te al nodo de
mn a todos
ccin de ele
ta esta funci
Adems, tam
de la funci
do se desarro
der directam
Tiabajan
gina con el
ecursiva sob
tienen todos
este caso se
ado. En el sig
:
;
L que lo defi
eseado. En e
s los radiobu
mentos.
in, ya que s
bin tiene en
n.
ollan aplicaci
ente a un no
nuo con u
siguiente c
re cada uno
s los enlaces
e buscan los
guiente ejem
nen, por lo q
el caso de los
tton que est
slo la tiene
n considerac
iones web
odo y poder
atos XNL
digo:
de
del
mplo,
que
s
n
en
cin
leer o
L
La fun
parm
una m
var ca
<div i
<a h
</div
La fun
que c
Intern
tamb
funci
Crea
Acced
mani
elimi
Crea
Como
nodo
tipo T
Por e
cuatr
1
2
3
4
De es
inclui
// Cre
var p
ncin getEle
metro indica
misma pgin
abecera = do
id="cabecera
href="/" id="
v>
ncin getEle
casi todos los
net Explorer
bin aquellos
n.
acin y El
der a los nod
pulaciones h
nar nodos de
acin de ele
o se ha visto,
os: el primer
Text y repres
este motivo,
ro pasos dife
1. Creacin
2. Creacin
3. Aadir el
4. Aadir el
lugar en e
ste modo, si
ir el siguient
ear nodo de
arrafo = doc
mentById() d
do en la fun
a, la funcin
ocument.get
a">
logo">...</a>
mentById() e
s ejemplos y
r 6.0 tambin
s elementos
liminacin
dos y a sus p
habituales en
el rbol DOM
ementos XH
, un element
nodo es de t
senta el cont
crear y aad
rentes:
de un nodo
de un nodo
nodo Text c
nodo Eleme
el que se qui
se quiere a
e cdigo Jav
tipo Element
ument.creat
devuelve el e
cin. Como e
devuelve n
ElementById
>
es tan impor
ejercicios qu
n interpreta i
cuyo atribut
n de Nodo
ropiedades (
n las pginas
M, es decir, c
HTML simpl
to XHTML se
tipo Element
tenido textua
dir a la pgina
de tipo Elem
de tipo Text
como nodo h
ent a la pgin
iere insertar
adir un prr
aScript:
t
teElement("p
elemento XH
el atributo id
nicamente e
d("cabecera"
rtante y tan u
ue siguen la
incorrectam
o name coin
os
(que se ver
. Las otras o
crear y elimin
les
encillo, como
t y represent
al de la etiqu
a un nuevo e
ment que rep
t que represe
hijo del nodo
na, en forma
el elemento
rafo simple a
p");
Tema
HTML cuyo at
d debe ser n
l nodo desea
");
utilizada en t
utilizan cons
ente esta fu
ncida con el p
ms adelant
peraciones h
nar "trozos" d
o por ejemplo
ta la etiqueta
ueta <p>.
elemento XH
presente al e
ente el conte
Element.
de nodo hijo
o.
l final de una
Tiabajan
tributo id co
nico para cad
ado.
todas las apl
stantemente
ncin, ya qu
parmetro p
te) es slo un
habituales so
de la pgina
o un prrafo
a <p> y el seg
HTML sencillo
lemento.
enido del ele
o del nodo c
a pgina XHT
nuo con u
oincide con e
da elemento
icaciones we
e.
e devuelve
roporcionad
na parte de l
on las de crea
web.
, genera dos
gundo nodo
o consta de
emento.
orrespondie
TML, es nece
atos XNL
l
o de
eb,
o a la
las
ar y
s
es de
ente al
esario
L
// Cre
var co
// A
parra
// A
docu
El pro
de tre
Elim
Afort
aad
var p
parra
<p id
La fun
funci
forma
nodo
As, p
valor
elimi
manu
ear nodo de
ontenido = d
adir el nodo
afo.appendC
adir el nodo
ment.body.a
oceso de cre
es funciones
createEle
XHTML cu
createTex
textual de
nodoPad
utilizar al
Text com
de algn
minacin de
tunadamente
irlo. En este
arrafo = doc
afo.parentNo
="provisiona
ncin remov
n debe ser
a ms segura
oHijo.parentN
para eliminar
parentNode
nan automt
ualmente cad
tipo Text
document.cre
Text como h
hild(contenid
Element com
appendChild
acin de nue
s DOM:
ement(etique
uya etiqueta
xtNode(cont
e los elemen
re.appendCh
menos dos
o hijo del no
nodo de la p
nodos
e, eliminar u
caso, solame
ument.getEl
ode.removeC
al">...</p>
veChild() req
invocada de
a y rpida de
Node.
r un nodo de
e del nodo qu
ticamente to
da nodo hijo
eateTextNod
hijo del nodo
do);
mo hijo de la
(parrafo);
evos nodos p
eta): crea un
a se pasa com
tenido): crea
ntos XHTML.
hild(nodoHijo
veces con lo
odo Element
pgina.
n nodo del
ente es nece
lementById(
Child(parrafo
uiere como p
esde el eleme
e acceder al n
e una pgina
ue se quiere
odos los nod
o.
de("Hola Mu
o Element
a pagina
puede llegar
n nodo de tip
mo parmetr
un nodo de
o): aade un
os nodos hab
y a continua
rbol DOM d
esario utilizar
"provisional"
o);
parmetro e
ento padre d
nodo padre
XHTML se in
eliminar. Cu
os hijos que
Tema
undo!");
a ser tedioso
po Element q
ro.
tipo Text qu
n nodo como
bituales: en p
acin se aad
e la pgina e
r la funcin r
");
el nodo que s
de ese nodo
de un eleme
nvoca a la fu
uando se elim
tenga, por lo
Tiabajan
o, ya que im
ue represen
ue almacena
o hijo de otro
primer lugar
de el nodo E
es mucho m
removeChild
se va a elimin
que se quier
ento es medi
ncin remov
mina un nodo
o que no es
nuo con u
plica la utiliz
ta al elemen
el contenido
o nodo. Se de
se aade el n
lement com
s sencillo qu
d():
nar. Adems
re eliminar. L
ante la prop
veChild() des
o, tambin s
necesario bo
atos XNL
zacin
nto
o
ebe
nodo
o hijo
ue
, esta
La
piedad
de el
se
orrar
L
Acce
Una v
modi
todos
Los a
propi
atribu
El sig
var e
alert(
<a id=
En el
docu
enlac
Las p
valor
ejem
var im
alert(
<img
Aunq
exact
el cd
Figur
JavaS
eso direct
vez que se ha
ficar sus atri
s los atributo
tributos XHT
iedades de lo
uto XHTML d
uiente ejem
nlace = docu
(enlace.href)
="enlace" hr
ejemplo ant
ment.getEle
ce.href. Para
ropiedades C
de cualquie
plo obtiene
magen = doc
(imagen.style
id="imagen
que el funcio
tamente igua
digo anterior
a 5.4. Valore
Script
to a los at
a accedido a
ibutos y prop
os XHTML y t
TML de los el
os nodos. Pa
detrs del no
plo obtiene
ument.getEle
); // muestra
ref="http://w
terior, se obt
mentById().
obtener por
CSS no son t
r propiedad
el valor de la
ument.getEl
e.margin);
" style="mar
namiento es
ales, como m
r en distintos
es que muest
tributos X
a un nodo, el
piedades. Me
todas las pro
lementos de
ara acceder a
ombre del no
de forma dir
ementById("
a http://www
www...com">
tiene el nodo
A continuac
r ejemplo el
an fciles de
CSS del nod
a propiedad
ementById("
rgin:0; borde
s homogneo
muestran las
s navegador
tra Internet
Xhtml
siguiente pa
ediante DOM
opiedades CS
e la pgina se
a su valor, sim
odo.
recta la direc
enlace");
w...com
>Enlace</a>
o DOM que r
cin, se obtie
atributo id, s
e obtener com
o, se debe u
margin de la
"imagen");
er:0;" src="lo
o entre distin
siguientes im
es:
Explorer al a
Tema
aso natural c
M, es posible
SS de cualqui
e transforma
mplemente s
ccin a la que
representa e
ene el atribut
se utilizara e
mo los atribu
tilizar el atrib
a imagen:
ogo.png" />
ntos navegad
mgenes que
acceder a las
Tiabajan
consiste en a
e acceder de
ier elemento
n automtic
se indica el n
e enlaza el e
el enlace med
to href del e
enlace.id.
utos XHTML.
buto style. E
dores, los res
e son el resu
propiedade
nuo con u
cceder y/o
forma senci
o de la pgin
camente en
nombre del
nlace:
diante la fun
nlace media
. Para obtene
l siguiente
sultados no
ltado de ejec
s CSS a trav
atos XNL
lla a
a.
cin
nte
er el
son
cutar
s de
L
Figur
Si el n
ligera
var p
alert(
<p id
La tra
los gu
conti
El n
es el
para
classN
var p
alert(
alert(
<p id
Ejem
A par
la sig
a 5.5. Valore
nombre de u
amente su no
arrafo = doc
(parrafo.style
="parrafo" s
ansformacin
uiones medio
nuacin se m
fontweig
lineheigh
borderto
liststyle
ico atributo
atributo clas
acceder al at
Name para a
arrafo = doc
(parrafo.clas
(parrafo.clas
="parrafo" c
mplo 1
rtir de la pg
uiente inform
es que muest
una propieda
ombre:
ument.getEl
e.fontWeigh
tyle="fontw
n del nombr
os () y escrib
muestran alg
ght se transf
ht se transfo
opstyle se tr
image se tra
XHTML que
ss. Como la p
tributo class
acceder al at
ument.getEl
ss); // muestr
ssName); // m
class="norma
gina web pro
macin:
tra Firefox a
ad CSS es com
lementById(
ht); // muest
weight: bold;
e de las prop
bir en mays
gunos ejemp
orma en fon
orma en lineH
ransforma en
ansforma en
no tiene el m
palabra class
s del element
ributo class d
lementById(
ra "undefine
muestra "nor
al">...</p>
porcionada y
l acceder a la
mpuesto, se
"parrafo");
tra "bold"
">...</p>
piedades CSS
scula la letra
los:
tWeight
Height
n borderTop
listStyleImag
mismo nomb
s est reserva
to XHTML. E
de XHTML:
"parrafo");
d"
rmal"
y utilizando l
Tema
as propiedad
accede a su
S compuesta
siguiente a
Style
ge
bre en XHTM
ada por Java
n su lugar, D
las funciones
Tiabajan
des CSS a tra
valor modifi
as consiste en
cada guin m
L y en las pro
Script, no es
DOM utiliza e
s DOM, most
nuo con u
vs de JavaS
icando
n eliminar to
medio. A
opiedades D
s posible util
el nombre
trar por pan
atos XNL
Script
odos
DOM
izarla
talla
L
1
2
3
4
<!DOCTY
<html x
<head>
<meta h
<title>
<script
window.
var i
// Nu
var e
info.
// Di
var m
info.
// Nu
var c
for(v
//
//
if(
c
}
}
info.
// Nu
var p
enlac
info.
}
</scrip
</head>
<body>
<div id
<p>Lore
libero.
et, luc
elit co
porta</
ipsum d
ac, fel
lacus.
<p>Aene
cubilia
malesua
porttit
Aliquam
diam. I
condime
<p>Done
Vestibu
sem</a>
non arc
href "h
hendrer
non lec
</body>
</html>
Ejem
Comp
mues
de pu
de Ja
pinch
1. Nmero d
2. Direccin
3. Numero d
4. Nmero d
YPE html PUBLIC "
xmlns "http://www
httpequiv "Conte
>Ejercicio 11 DO
t type "text/java
onload functio
info document.g
umero de enlaces
enlaces document
innerHTML "Num
ireccion del penu
mensaje "El pen
innerHTML info
umero de enlaces
contador 0;
var i 0; i<enlace
Es necesario comp
http://prueba/ po
enlaces[i].href
contador++;
innerHTML info
umero de enlaces
parrafos docume
ces parrafos[2]
innerHTML info
pt>
>
d "informacion" st
em ipsum dolor sit
Maecenas nisl a
ctus at, pede. Pe
onvallis malesuad
/a>. Duis pellent
dolor sit amet, c
lis. Donec arcu.
Vestibulum venen
ean at nisl. Maec
a Curae; Proin co
ada porttitor sap
tor felis, id sod
m nec lectus nec
In magna massa, m
entum, arcu in sc
ec sagittis, nibh
ulum aliquet, nul
>. Quisque eget e
cu sodales hendre
http://prueba4">e
rit, eros quis ma
ctus non est pell
>
>
mplo 2
pletar el cd
stre complet
ulsarlo por p
vaScript que
har sobre el e
de enlaces d
n a la que en
de enlaces q
de enlaces d
//W3C//DTD XHTML
.w3.org/1999/xhtm
ntType" content
OM bsico</title>
script">
n() {
etElementById("in
de la pagina
t.getElementsByTa
ero de enlaces
ltimo enlace
ultimo enlace apu
.innerHTML + "<br
que apuntan a htt
s.length; i++) {
probar los enlace
or las diferencia
"http://prueba
.innerHTML + "<br
del tercer prraf
nt.getElementsByT
.getElementsByTag
.innerHTML + "<br
tyle "border:thin
t amet, <a href "
rcu, consequat co
llentesque massa
a. Phasellus magn
esque, felis eu a
onsectetuer adipi
Nam sed tortor ne
atis erat eu odio
enas egestas dapi
nsequat auctor di
ien. Aenean a lac
ales dolor dolor
neque aliquet dic
attis id, pellent
elerisque loborti
nec ullamcorper
la sit amet imper
ros vehicula diam
rit. In sem. Cras
gestas</a> adipis
lesuada tristique
entesque</a> auct
igo JavaScrip
o el contenid
rimera vez. L
e se ven en e
enlace, se eje
e la pgina
laza el penl
ue enlazan a
el tercer pr
L 1.0 Transitiona
ml">
"text/html; char
>
nformacion");
agName("a");
"+enlaces.length
unta a: "+enlaces
r/>" + mensaje;
tp://prueba
es http://prueba
as entre navegado
a" || enlaces[i]
r/>" + contador +
fo
TagName("p");
gName("a");
r/>" + "Numero de
n solid silver; p
"http://prueba">c
ongue, commodo ne
ante, ornare id
na sem, semper qu
adipiscing ullamc
iscing elit. Duis
ec ipsum aliquam
o. Praesent id me
ibus odio. Vestib
iam. <a href "htt
cus et metus vene
sed urna. Sed ru
ctum. Etiam <a hr
tesque sit amet,
is, ante arcu sce
tristique, pede
rdiet suscipit, n
m euismod tristiq
s id augue eu lor
scing ligula. Dui
e, ipsum odio eui
tor.</p>
pt proporcio
do de texto.
La accin de
el siguiente c
ecuta la func
ltimo enlace
a http://prue
rrafo
al//EN" "http://w
rset iso88591"
h;
s[enlaces.length
y
ores
href "http://
+ " enlaces apunt
e enlaces del ter
padding:.5em"></d
consectetuer adip
ec, commodo ultri
aliquam vitae,
uis, faucibus ut,
corper, odio urna
s scelerisque. Do
ullamcorper. Dui
etus.</p>
bulum ante ipsum
tp://prueba">Ut b
enatis porta. Sus
utrum nulla vitae
ref "http://prueb
porta sit amet,
elerisque mi, at
velit feugiat ma
nunc erat laoreet
que. Ut dui. Done
rem dictum interd
is iaculis laoree
ismod tortor, a v
nado para q
Adems, el
pinchar sob
aptulo. En e
cin llamada
Tema
eba
www.w3.org/TR/xhtm
/>
2].href;
prueba/") {
an a http://prueb
cer prrafo "+e
iv>
iscing elit</a>.
cies, turpis. Qui
ultrices porttito
rhoncus non, mi
consequat arcu,
nec lacus neque,
s accumsan metus
primis in faucibu
ibendum blandit e
pendisse cursus,
tellus. Sed quis
a3">consequat sem
lectus. Curabitur
cursus mi risus s
ssa, at sollicitu
est, a <a href "
c in metus sed ri
um. Donec pretium
t turpis. Mauris
estibulum nisl mi
ue cuando se
enlace debe
re un enlace
este ejercicio
muestra().
Tiabajan
ml1/DTD/xhtml1tr
ba"
enlaces.length;
Sed mattis enim
isque sapien nunc
or, pede. Nullam
. <a href "http:/
at posuere ante
vehicula in, ele
eu urna. Aenean
us orci luctus et
est</a>. Curabitu
sem non dapibus
s eros nec lectus
m quis massa</a>.
r posuere. Aliqua
sed tellus.</p>
udin justo tellus
"http://prueba">a
isus laoreet soll
m. Proin <a
mollis est sit a
i at odio. <a hre
e pinche sob
dejar de mo
e forma parte
o, slo se deb
nuo con u
ransitional.dtd">
vitae orci. Phas
c, posuere vitae,
sit amet nisl el
//prueba2">Fusce
quam non dolor.
eifend vitae, ven
vitae enim. Inte
t ultrices posuer
ur vestibulum. Nu
tincidunt, lorem
s tempor lacinia.
. Donec aliquam e
am in elit. Fusce
s vitae justo.
aliquam leo odio
licitudin. Proin
amet diam. Curabi
ef "http://prueba
bre el enlace
ostrarse desp
e de los "Eve
be saber que
atos XNL
>
sellus
rutrum
lementum
Lorem
nenatis
eger
re
unc
m magna
euismod
e
sed
et nisi
itur
a5">Sed
se
pus
entos"
e al
L
<!DOCTY
<html x
<head>
<meta h
<title>
<style
.oculto
.visibl
</style
<script
functio
var e
eleme
var e
enlac
}
</scrip
</head>
<body>
<p id
nisl ar
pede. P
sit ame
pellent
amet, c
arcu. N
venenat
<a id
</body>
</html>
Ejem
Comp
cada
aad
sobre
En es
llama
<!DOCTY
<html x
<head>
<meta h
<title>
<script
functio
var e
var t
eleme
var l
lista
var n
lista
}
</scrip
</head>
<body>
<ul id
<li>L
<li>C
<li>S
<li>P
<li>M
</ul>
<input
</body>
</html>
YPE html PUBLIC "
xmlns "http://www
httpequiv "Conte
>Ejercicio 12 DO
type "text/css">
o { display: none
le { display: inl
e>
t type "text/java
on muestra() {
elemento docume
ento.className
enlace document
ce.className "o
pt>
>
texto">Lorem ips
rcu, consequat co
Pellentesque mass
et nisl elementum
tesque, felis eu
consectetuer adip
Nam sed tortor ne
tis erat eu odio.
enlace" href "#"
>
>
mplo 3
pletar el cd
vez que se p
irlos a la lista
e un botn fo
ste ejercicio,
ada anade().
YPE html PUBLIC "
xmlns "http://www
httpequiv "Conte
>Ejercicio 13 DO
t type "text/java
on anade() {
elemento docume
texto document.
ento.appendChild(t
lista document.
a.appendChild(ele
nuevoElemento "
a.innerHTML list
pt>
>
"lista">
Lorem ipsum dolor
Consectetuer adip
Sed mattis enim v
Phasellus libero<
Maecenas nisl arc
type "button" va
>
>
//W3C//DTD XHTML
.w3.org/1999/xhtm
ntType" content
OM bsico y atrib
; }
ine; }
script">
nt.getElementById
"visible";
.getElementById("
culto";
um dolor sit amet
ngue, commodo nec
a ante, ornare id
elit convallis m
adipiscing ullamc
iscing elit. Duis
c ipsum aliquam u
Praesent id metu
onclick "muestra
igo JavaScrip
pulsa sobre e
a existente. A
orma parte d
slo se debe
//W3C//DTD XHTML
.w3.org/1999/xhtm
ntType" content
OM bsico y atrib
script">
nt.createElement(
createTextNode("E
texto);
getElementById("l
mento);
<li>Texto de prue
ta.innerHTML + nu
sit amet</li>
iscing elit</li>
itae orci</li>
/li>
u</li>
lue "Aadir eleme
L 1.0 Transitiona
ml">
"text/html; char
butos XHTML</titl
d("adicional");
"enlace");
t, consectetuer a
c, commodo ultric
d, aliquam vitae
malesuada. Phasel
corper, odio urna
s scelerisque. Do
ullamcorper. Duis
us.</span></p>
a(); return false
pt proporcio
el botn. Util
Al igual que
de los "Event
e saber que a
L 1.0 Transitiona
ml">
"text/html; char
butos XHTML</titl
("li");
Elemento de prueb
lista");
eba</li>";
uevoElemento;
ento" onclick "an
al//EN" "http://w
rset iso88591"
le>
adipiscing elit.
cies, turpis. Qui
ultrices portti
llus magna sem, s
a consequat arcu,
onec lacus neque,
s accumsan metus
e;">Seguir leyend
nado para q
lizar las func
sucede en e
tos" de JavaS
al pinchar so
al//EN" "http://w
rset iso88591"
le>
ba");
nade();">
Tema
www.w3.org/TR/xhtm
/>
Sed mattis enim v
sque sapien nunc,
tor, pede. <span
emper quis, fauci
at posuere ante
vehicula in, ele
eu urna. Aenean v
o</a>
ue se aadan
iones DOM p
l ejercicio an
Script que se
obre el botn
www.w3.org/TR/xhtm
/>
Tiabajan
ml1/DTD/xhtml1tr
vitae orci. Phase
, posuere vitae,
id "adicional" c
ibus ut, rhoncus
quam non dolor.
eifend vitae, ven
vitae enim. Integ
n nuevos ele
para crear nu
nterior, la acc
e ven en el si
n, se ejecuta
ml1/DTD/xhtml1tr
nuo con u
ransitional.dtd">
ellus libero. Mae
rutrum et, luctu
class "oculto">Nu
non, mi. Duis
Lorem ipsum dolo
nenatis ac, felis
ger lacus. Vestib
ementos a la
uevos nodos
cin de pinch
guiente cap
la funcin
ransitional.dtd">
atos XNL
>
ecenas
us at,
ullam
or sit
s. Donec
bulum
lista
s y
har
tulo.
>
L
XPa
http:/
Perm
Se ba
Su es
docu
Ejem
Eval
La ev
nodo
Una e
predi
Sele
Nom
/
//
.
..
@
[]
*
@*
|
Ejem
<alu
</al
<alumno
<alumno
</alumn
<alumno
</alumn
</alumn
ath
//www.di.un
mite acceder a
asa en relacio
stilo de notac
mento XML
plo: /alumno
luacin X
valuacin de
os, booleano,
expresin XP
icado
eccin de
bre
mplos de e
umno dni=9939393
<nombre>
<apellidos
<nacim>19
lumno>
os>
o dni=9939393>
<nombre>Pedr
<apellidos>Me
no>
o dni=12876540>
<nombre>Ana<
<apellidos>Mo
no>
nos>
niovi.es/~lab
a partes de u
ones de pare
cin es simila
o/nombre
XPath
una expresi
, nmero, ca
Path equivale
Nodos en
expresion
3>
>Juan</nombre>
s>Garca Garca</ap
985</nacim>
ro</nombre>
edario</apellidos>
</nombre>
oreno</apellidos>
bra/cursos/X
un documen
entesco entre
ar a las rutas
n XPath arr
adena.
e a un predic
n XPath
nes XPath
pellidos>
ML/XPath.pd
to XML
e nodos
s de los fiche
oja una expr
cado, que de
Selec
Nodo
Nodo
con l
Nodo
Padre
Atrib
Un p
Encaj
Encaj
Una d
h
x /alumn
o
x /alumn
o
o
x //nomb
/alumn
Tema
df
eros, pero se
resin de 4 t
evuelve todo
cciona los hij
os a partir de
os a partir de
a descripcin
o actual
e del nodo a
butos
redicado que
ja con cualqu
ja con cualqu
de varias sel
nos/alumno[
<nombre>P
os/alumno/
Dni=993939
Dni=128765
bre
o/nombre
Tiabajan
refiere a no
ipos posibles
lo que encaj
os de nomb
el nodo raz
el nodo actua
n, no import
ctual
e debe cump
uier nodo
uier atributo
ecciones
[1]/nombre
Pedro</nom
@dni
93
540
J
nuo con u
dos en un
s: conjunto d
ja con dicho
re
al que encaj
ta donde est
plirse
o
bre>
Juan
atos XNL
de
en
n
L
x
Ejes
Un ej
Ance
Ance
Attrib
Child
Desce
Desce
Follow
Follow
Name
Paren
Prece
Prece
Self
La sin
Ope
La ev
boole
Oper
+ , *
Funci
Funci
Funci
o <
o <
//alumno
o <
o <
s de Evalu
je define un
stor
stororself
bute
endant
endantorse
wing
wingsibling
espace
nt
eding
edingsibiling
ntaxis es: nom
eradores y
valuacin de
eano o un en
adores:
* , div , = , !=
iones numr
iones de cad
iones Boolea
<nombre>Pe
<nombre>An
o[1]/nombre
<nombre>Pe
<apellidos>M
uacin en
nodo relativ
elf
g
mbreEje::no
y funcione
una expresi
ntero
, < , > , <= , >
ricas: numbe
denas: concat
anas: not, tru
dro</nombr
a</nombre>
| //alumno
dro</nombr
Moreno</ape
XPath
vo a otro nod
do[predicad
es en XPa
n en XPath
>= , or, and ,
er, abs, floor,
t, substring,
ue, false
re>
>
[2]/apellidos
re>
ellidos>
do
Todo
Ance
Todo
Todo
Desc
Desc
Nodo
Todo
Todo
nodo
Padre
Todo
Herm
El no
o]
ath
devuelve un
mod
, ceiling, roun
contains, .
Tema
s
os los ancestr
estros incluid
os los atribut
os los hijos de
endientes
endientes in
os que siguen
os los herman
os los nodos d
o
e del nodo
os los nodos a
manos anteri
do actual
n conjunto de
nd,..
Tiabajan
ros de un no
dos el nodo
os del nodo
el nodo
ncluido el nod
n al nodo
nos despus
del espacio d
anteriores a
ores al nodo
e nodos, una
nuo con u
odo
do
del nodo
de nombres
l nodo actua
o actual
a cadena, un
atos XNL
del
al
L
XML
Las cl
espac
El esp
la cla
Obj
Xml
Son o
pued
El Xm
entre
L Namesp
lases de XML
cio de nomb
pacio de nom
se XmlDataD
etos XML
lDocume
objetos que r
en usarse pa
mlDataDocum
e datos.
pace
L estn en la
res System.X
mbres System
Document
L
ent y Xml
representan
ara navegar y
ment hereda
dll System.X
Xml.
m.Xml tambi
lDataDoc
XML en mem
y editar los n
de XmlDocu
Xml, para usa
n se extien
cument
moria usand
nodos XML
ument y tam
Tema
ar sus clases
de en la dll S
o DOM nive
bin permite
Tiabajan
deberemos
System.Data,
l 1 y nivel 2.
e representa
nuo con u
importar el
, en concreto
Estas clases
ar las relacion
atos XNL
o con
nes
L
Tra
Xml
Repre
(DOM
de r
docu
pued
<?xm
<b
</
Dent
nodo
DOM
opera
cdig
mani
mejo
realiz
abajando
lDocumen
esenta un do
M) Level 1 y e
rbol en mem
mento. Dado
e utilizar com
ml version
books>
<book>
<auth
<pric
<pubd
</book>
<pubinfo>
<publ
<stat
</pubinfo
/books>
ro de la estru
o, que se den
M. La clase Xm
aciones en e
go XML en un
pular los nod
rado el rend
zar lo siguien
con docu
nt
ocumento XM
el Core DOM
oria (cach)
o que XmlDo
mo documen
n="1.0"?>
hor>Carson
ce format=
date>05/01
>
lisher>MSP
te>WA</sta
o>
uctura de los
nomina objet
mlDocument
l documento
n archivo. Ad
dos de todo
dimiento y la
nte:
umentos
ML. Esta clas
M Level 2 del
de un docum
ocument imp
nto de origen
n</author>
="dollar">
1/2001</pu
Press</pub
ate>
s documento
to XmlNode.
t, que extien
o en conjunt
dems, la cla
el document
capacidad d
XML
se implemen
consorcio W
mento XML y
plementa la
n de la clase
>
>31.95</pr
ubdate>
blisher>
os XML, cada
. El objeto Xm
de la clase X
o, (por ejem
se XmlDocu
to XML. Las c
de uso y disp
Tema
ta el Core Do
W3C. DOM es
y permite la
interfaz IXPa
XslTransform
rice>
a crculo de e
mlNode es e
XmlNode, ad
plo, cargarlo
ment propo
clases XmlNo
onen de mt
Tiabajan
ocument Obj
la represent
exploracin
athNavigable
m.
esta ilustraci
l objeto bsi
mite mtodo
o en la memo
rciona un m
ode y XmlDo
todos y prop
nuo con u
ject Model
tacin en for
y edicin de
e, tambin se
n represent
ico del rbol
os para realiz
oria o guarda
edio para ve
ocument han
piedades par
atos XNL
rma
l
e
ta un
de
zar
ar el
er y
n
ra
L
x
x
La cla
del ar
Crea
Crea
Load
Appe
secun
Crea
nodo
versi
La ve
enco
Valor
stand
Este v
el m
Save
Attri
..
Para
se va
Aad
Docu
Podre
un el
mto
Finalm
//Dec
Obtener
referenci
Recupera
texto de
ase XmlDocu
rchivo XML
ateElement(
ateAttribute
dXml(string
endChild(X
ndarios de es
ateXmlDecla
XmlDeclara
ion
rsin debe s
oding
r del atributo
dalone
valor debe se
todo Save n
e(string) Gu
ibutes. Obtie
crear un doc
formando to
imos la decl
mento XML
emos utilizar
emento XML
odo Append.
mente, con e
clare and cr
XmlDocumen
XmlElement
int childC
int grandC
acceso y mo
a de entidad
ar nodos com
un nodo de e
ument tiene u
(string) Cre
e(string) Cr
g) Carga el d
XmlNode)Ag
ste nodo.
aration(str
tion con los
ser "1.0".
o de codifica
er "yes" o "n
no escribe un
arda el docu
ene un objet
cument Xml
odo el docum
aracin XML
con el mto
r objetos de
L a travs de
el mtodo Sa
reate new Xm
nt xmlDoc
t el;
Counter;
ChildCounter
odificar nodo
d, etc.
mpletos, ade
elemento.
una serie de
ea un eleme
rea un atrib
documento X
grega el nodo
ring version
valores espe
cin
no". Si es refe
n atributo ind
umento XML
to XmlAttrib
Nuevo, utiliz
mento.
L y creamos e
do AppendC
la clase XmlE
e la coleccin
ave(), guarda
lDocument
new XmlDocum
;
s especficos
ms de la inf
mtodos m
ento con el n
uto con el n
XML desde la
o especificad
n, string en
ecificados
erencia null
dependiente
en la ubicac
uteCollectio
zamos el obje
el elemento
Child().
Element, Xm
n Attributes,
amos el arch
ment();
Tema
s de DOM, co
formacin qu
uy importan
nombre espe
nombre espe
cadena espe
do al final de
coding, stri
(Nothing en
e en la declar
cin especific
n que contie
eto XmlDocu
raz. Que los
mlAttribute. L
que es una X
ivo XML
Tiabajan
omo nodos d
ue contiene
tes para crea
ecificado
ecificado
ecificada.
e la lista de n
ing standal
Visual Basic
racin XML.
cada.
ene los atribu
ument, a par
s iremos aa
Los atributos
XmlAttribute
nuo con u
de elemento
el nodo, com
ar el conteni
nodos
lone) Crea u
) o String.Em
utos de este
rtir de este o
diendo al
s los aadimo
eCollection, c
atos XNL
, de
mo el
ido
un
mpty,
nodo
objeto
os a
con el
L
//Rec
absol
Este c
<?xml
<myRo
<my
<
<
<
</m
<my
<
<
<
</m
<my
<
<
<
</m
<my
<
<
<
</m
</myR
Reco
Con X
recur
Llama
prote
{
//Create t
xmlDoc.App
xmlDoc.Cr
//Create t
el xmlDo
xmlDoc.App
//Child Lo
for (child
{
XmlElem
XmlAttr
//Creat
childel
childat
childat
childel
//Appen
el.Appe
for (gr
{
//Cr
chil
}
}
//Save to
cupera la ru
luta o relat
xmlDoc.Sav
lbl.Text
cdigo gene
l version "1
oot>
yChild ID "1
<GrandChild
<GrandChild
<GrandChild
myChild>
yChild ID "2
<GrandChild
<GrandChild
<GrandChild
myChild>
yChild ID "3
<GrandChild
<GrandChild
<GrandChild
myChild>
yChild ID "4
<GrandChild
<GrandChild
<GrandChild
myChild>
Root>
orrer Nod
XmlDocumen
rsividad
amos al mt
ected void B
lbl GetL
the xml decl
pendChild(
reateXmlDecl
the root nod
oc.CreateElem
pendChild(el
oop
dCounter 1
ment childelm
ribute child
te child wit
mt xmlDoc
ttr xmlDoc
ttr.Value
mt.Attribut
nd element i
endChild(chi
randChildCou
reate grandc
delmt.Appen
file
uta de acces
tiva, o una
ve(MapPath("
"XmlDocume
ra el siguient
.0" encodin
">
/>
/>
/>
">
/>
/>
/>
">
/>
/>
/>
">
/>
/>
/>
dos de un
nt podemos
odo recursiv
Button2 Clic
Label(275, 2
aration firs
aration("1.0
e and append
ment("myRoot
);
; childCount
mt;
attr;
h ID attribu
.CreateEleme
.CreateAttri
childCounter
es.Append(ch
nto the root
ldelmt);
nter 1; gr
hildren
dChild(xmlDo
o fsica a l
ruta de acce
XmlDocumentT
ntTest.xml C
te archivo XM
g "utf 8"?>
documen
s recorrer cad
vo pasndole
k(object sen
0);
st
0", "utf 8",
d into doc
t");
ter < 4; ch
ute
ent("myChild
ibute("ID");
r.ToString()
hildattr);
t element
randChildCou
oc.CreateEle
la que est
eso relativa
Test.xml"));
Created";
ML
nto XML
da uno de lo
e el elemento
nder, EventA
Tema
, null));
hildCounter+
d");
;
);
unter < 3;
ement("Grand
asignada un
a a la aplic
;
s nodos del d
o raz (Docum
Args e)
Tiabajan
++)
grandChildC
dChild"));
na ruta de a
cacin
documento,
mentElemen
nuo con u
Counter++)
acceso virtu
utilizando
nt)
atos XNL
al
L
}
pu
{
}
pu
{
}
Reco
La Cl
Propo
Mto
Move
Move
Move
Move
Move
Move
Move
Move
Move
Move
XmlDocumen
xmlDoc.Loa
RecurseNod
ublic void R
//start re
RecurseNod
ublic void R
string s;
s string
new str
foreach (X
{
s + st
}
lbl.Text +
foreach (X
{
Recurse
}
orrer Nodos
lase XPathN
orciona un m
odo
eTo
eToChild
eToDescend
eToFirst
eToFirstChild
eToFollowin
eToId
eToNext
eToParent
eToPrevious
nt xmlDoc
ad(MapPath("
des(xmlDoc.D
RecurseNodes
ecursive loop
des(node, 0)
RecurseNodes
g.Format("{0
ring(' ', lev
XmlAttribute
tring.Format
+ s + "<br>
XmlNode n in
eNodes(n, lev
s de un Doc
Navigator
modelo de cu
Descr
Muev
espec
Muev
ant Muev
Muev
d Muev
g Muev
docum
Muev
con u
Muev
actua
Muev
s Muev
actua
new XmlDocum
XmlDocumentT
ocumentEleme
(XmlNode nod
p with level
;
(XmlNode nod
} <b>Type:</
vel), node.N
attr in nod
("{0} {1} ",
";
node.ChildN
vel + 1);
cumento XM
ursor para de
ripcin
ve XPathNav
cificado.
ve XPathNav
ve XPathNav
ve XPathNav
ve XPathNav
ve XPathNav
mento.
ve XPathNav
un valor que
ve XPathNav
al.
ve XPathNav
ve XPathNav
al.
ment();
Test.xml"));
ent);
de)
l 0
de, int leve
/b>{1} <b>Na
NodeType, no
de.Attribute
, attr.Name,
Nodes)
ML con XPa
esplazarse y
vigator a la m
vigator a un
vigator a un
vigator al pri
vigator al pri
vigator al ele
vigator al no
coincide con
vigator al sig
vigator al no
vigator al no
Tema
;
el)
ame:</b>{2}
ode.Name);
es)
, attr.Value
th
editar datos
misma posici
nodo secund
nodo descen
mer nodo re
mer nodo se
emento espe
do que tiene
n la String es
uiente nodo
do principal
do relaciona
Tiabajan
<b>Attr:</b
e);
XML.
n del XPath
dario del nod
ndiente del n
elacionado de
ecundario de
cificado en e
e un atributo
pecificada.
relacionado
del nodo act
do anterior
nuo con u
b> ",
hNavigator
do actual.
nodo actual.
el nodo actu
el nodo actua
el orden del
o del tipo ID
o del nodo
tual.
del nodo
atos XNL
ual.
al.
L
Move
Move
Move
Move
Para
XmlD
y a pa
prote
{
}
pu
{
}
pu
{
}
Obte
XmlD
using
using
eToRoot
eToAttribute
eToFirstAttrib
eToNextAttri
recorrer un
Document qu
artir de este
ected void B
lbl GetL
XmlDocumen
xmlDoc.Loa
XPathNavig
xpathNav.M
RecurseNav
ublic void R
//start re
RecurseNav
ublic void R
string s
s string
new st
if (node.H
{
node.Mo
do
{
s +
} while
node.Mo
}
lbl.Text +
if (node.H
{
node.Mo
do
{
Recu
} while
node.Mo
}
ener un Elem
Document.G
g System;
g System.Xml
Muev
bute
bute
documento
ue crea un nu
objeto pode
Button3 Clic
Label(275, 2
nt xmlDoc
ad(MapPath("
gator xpathN
MoveToRoot()
vNodes(xpathN
RecurseNavNo
ecursive loop
vNodes(node,
RecurseNavNo
null;
g.Format("{0
tring(' ', l
HasAttribute
oveToFirstAt
string.Form
e (node.Move
oveToParent(
+ s + "<br>
HasChildren)
oveToFirstCh
urseNavNodes
e (node.Move
oveToParent(
mento por
GetElementB
;
ve XPathNav
Xml con XPa
uevo objeto
er desplazarn
k(object sen
0);
new XmlDocum
XmlDocumentT
av xmlDoc
;
Nav);
des(XPathNav
p with level
0);
des(XPathNav
} <b>Type:</
evel), node
s)
tribute();
mat("{0} {1
ToNextAttrib
);
";
ild();
(node, level
ToNext());
);
ID
ById(string
vigator al no
ath, usaremo
XPathNaviga
nos por todo
nder, EventA
ment();
Test.xml"));
.CreateNavig
vigator node
l 0
vigator node
/b>{1} <b>Na
.NodeType, n
} ", node.Na
bute());
l + 1);
g) Obtiene el X
Tema
do raz del d
os el mtodo
ator para des
os los nodos
Args e)
;
gator();
e)
e, int level
ame:</b>{2}
node.Name);
ame, node.Va
XmlElement c
Tiabajan
ocumento X
CreateNavig
splazarse po
l)
<b>Attr:</b
alue);
on el identific
nuo con u
ML.
gator() del
r este docum
b> ",
ador especific
atos XNL
mento
cado
L
publi
{
pub
{
X
d
/
/
X
C
/
/
e
C
}
}
Selec
XmlN
expre
ic class Sam
blic static
XmlDocument
doc.Load("id
//Get the fi
//This displ
XmlElement e
Console.Writ
//Get the fi
//This displ
elem doc.G
Console.Writ
lbl Get
string s;
//Declare
XmlDocumen
xmlDoc.Loa
XmlNode no
node xml
s string
node.Node
foreach (X
{
s + st
}
lbl.Text
ctSingleNod
Node.SelectS
esin XPath.
lbl Get
string s;
//Declare
XmlDocumen
xmlDoc.Loa
XmlNode no
node xml
s string
node.Node
foreach (X
{
s + st
}
lbl.Text
mple
void Main()
doc new Xm
ds.xml");
rst element
ays the nod
elem doc.G
teLine( elem
rst element
ays the nod
GetElementBy
teLine( elem
tLabel(275,
and create
nt xmlDoc
ad(MapPath("
ode;
Doc.GetElem
g.Format("<b
eType, node.N
XmlAttribute
tring.Format
s + "<br>"
de
SingleNode
tLabel(275,
and create
nt xmlDoc
ad(MapPath("
ode;
Doc.SelectS
g.Format("<b
eType, node.N
XmlAttribute
tring.Format
s + "<br>"
mlDocument()
with an att
e <Person SS
etElementByI
.OuterXml );
with an att
e <Person SS
Id("A222");
.OuterXml );
20);
new XmlDocum
new XmlDocum
XmlSample.xm
entById("ref
>Type:</b>{0
Name);
a in node.A
("{0} {1} ",
;
e (String). Se
20);
new XmlDocum
new XmlDocum
XmlSample.xm
ingleNode("/
>Type:</b>{0
Name);
a in node.A
("{0} {1} ",
;
);
tribute of t
SN "A111" Na
Id("A111");
;
tribute of t
SN "A222" Na
;
ment
ment();
ml"));
f 3");
0} <b>Name:<
Attributes)
, a.Name, a.
elecciona el
ment
ment();
ml"));
//myChild[@C
0} <b>Name:<
Attributes)
, a.Name, a.
Tema
type ID and
ame "Fred"/>
type ID and
ame "Tom"/>.
</b>{1} <b>A
.Value);
primer XmlN
ChildID 'ref
</b>{1} <b>A
.Value);
Tiabajan
value of A1
>.
value of A2
Attr:</b>",
Node que coin
f 3']");
Attr:</b>",
nuo con u
11.
22.
ncide con la
atos XNL
L
GetE
XmlD
conti
espec
//Cre
X
d
/
X
f
{
}
Selec
XmlN
expre
XmlDo
d
X
X
n
/
f
{
}
C
d
ElementByT
Document.G
ene una lista
cificado
lbl Get
string s;
//Declare
XmlDocumen
xmlDoc.Loa
XmlNodeLis
elmts xm
foreach (X
{
s str
node.N
lbl.Tex
}
eate the Xml
XmlDocument
doc.Load("bo
//Display al
XmlNodeList
for (int i 0
{
Console.Wr
}
ctNodes
Node.SelectN
esin XPath
ocument doc
doc.Load("bo
XmlNodeList
XmlNode root
nodeList roo
//Change the
foreach (Xml
{
book.LastC
}
Console.Writ
doc.Save(Con
string s;
TagName
GetElement
a de todos lo
tLabel(275,
and create
nt xmlDoc
ad(MapPath("
t elmts;
mlDoc.GetElem
XmlNode node
ring.Format(
NodeType, no
xt + s + "<b
Document.
doc new Xm
ooks.xml");
l the book
elemList
; i < elemL
riteLine(elem
Nodes (Stri
new XmlDo
ooksort.xml"
nodeList;
t doc.Docum
ot.SelectNod
e price on t
Node book i
Child.InnerT
teLine("Disp
nsole.Out);
tsByTagNa
os elementos
20);
new XmlDocum
new XmlDocum
XmlSample.xm
mentsByTagNa
in elmts)
"<b>Type:</b
de.Name);
br>";
mlDocument()
titles.
doc.GetEleme
ist.Count; i
mList[i].Inn
ing). Selecci
cument();
);
mentElement;
es("descenda
he books.
n nodeList)
ext "15.95";
lay the modi
me (String
s descendien
ment
ment();
ml"));
ame("myGrand
b>{0} <b>Nam
);
entsByTagNam
i++)
nerXml);
iona una list
;
ant::book[au
;
ified XML do
Tema
g). Devuelve
ntes que coin
dChild");
me:</b>{1}",
me("title");
ta de nodos q
uthor/last n
ocument...."
Tiabajan
un objeto X
nciden con e
que coincide
name 'Austen
");
nuo con u
mlNodeList q
l Name
en con la
n']");
atos XNL
que
L
XPat
lbl
Orde
//Declare
XmlDocumen
xmlDoc.Loa
XmlNodeLis
elmts xm
foreach (X
{
s str
node.N
lbl.Tex
}
thNavigator
GetLabel(2
string s;
XPathDocum
XPathNavig
string exp
//Display
XPathNodeI
XPathNavig
while (ite
{
s Str
navRes
if (nav
{
navR
s +
do
{
s
} wh
}
lbl.Tex
}
nando
lbl Get
string s;
XPathDocum
XPathNavig
//Select a
XPathExpre
expr nav
//Sort the
expr.AddSo
XmlSortOr
XmlCaseOr
XmlDataTy
//Display
XPathNodeI
XPathNavig
while (ite
{
s Str
navRes
if (nav
{
navR
s +
and create
nt xmlDoc
ad(MapPath("
t elmts;
mlDoc.SelectN
XmlNode node
ring.Format(
NodeType, no
xt + s + "<b
r
75, 20);
ment xmlDoc
gator nav
pr "//myCh
the selecti
terator ite
gator navRes
erator.MoveN
ring.Format(
ult.NodeTyp
vResult.HasA
Result.MoveT
"<b>Attr:<
+ String.
navResult.N
hile (navRes
xt + s + "<b
tLabel(275,
ment xmlDoc
gator nav
all myChild
ession expr;
v.Compile("/
e selected b
ort("@ChildI
rder.Descend
rder.None, "
ype.Text);
the selecti
terator ite
gator navRes
erator.MoveN
ring.Format(
ult.NodeTyp
vResult.HasA
Result.MoveT
"<b>Attr:<
new XmlDocum
new XmlDocum
XmlSample.xm
Nodes("//myG
in elmts)
"<b>Type:</b
de.Name);
br>";
new XPathD
xmlDoc.Creat
ild[@ChildID
on.
rator nav
ult iterat
ext())
"<b>Type:</b
e, navResult
ttributes)
oFirstAttrib
/b> ";
Format("{0}
ame, navResu
ult.MoveToNe
br>";
20);
new XPathD
xmlDoc.Creat
elements
/myChild");
ooks by titl
D",
ing,
",
on.
rator nav
ult iterat
ext())
"<b>Type:</b
e, navResult
ttributes)
oFirstAttrib
/b> ";
ment
ment();
ml"));
GrandChild")
b>{0} <b>Nam
Document(Map
teNavigator
D 'ref 3']";
.Select(expr
tor.Current;
b>{0} <b>Nam
t.Name);
bute();
{1} ",
ult.Value);
extAttribute
Document(Map
teNavigator
le.
.Select(expr
tor.Current;
b>{0} <b>Nam
t.Name);
bute();
Tema
);
me:</b>{1}",
pPath("XmlSa
();
;
r);
;
me:</b>{1} "
e());
pPath("XmlSa
();
r);
;
me:</b>{1} "
Tiabajan
ample.xml"))
",
ample.xml"))
",
nuo con u
;
;
atos XNL
L
Xml
El obj
String
archiv
Algun
Write
texto
segui
encod
Write
Write
con s
Write
gene
pued
Write
// Cr
FileS
// Es
XmlTe
XmlTe
// Le
oXML.
oXML.
oXML.
"\htt
xmlns
oXML.
oXML.
oXML.
DataS
oXML.
// In
oXML.
oXML.
oXML.
oXML.
oXML.
oXML.
oXML.
do
{
s
} wh
}
lbl.Tex
}
lTextWri
jeto que esc
gBuilder u o
vo fsico) tod
nas caracter
eProcessingI
o que ir al p
ido de un esp
ding="utf8"
eStartEleme
eAttributeSt
su valor. <Eti
eElementStr
rara la sigui
e comproba
eEndElemen
reo el archi
Stream oFile
stablezco el
extWriter
extWriter oX
e indico que
Formatting
WriteProces
WriteStartE
oXML
tp://schemas
s:rd \"http:
WriteStartE
WriteStartE
WriteAttrib
Source.
WriteStartE
nserto etiqu
WriteElemen
WriteElemen
WriteElemen
WriteEndEle
WriteEndEle
WriteEndEle
WriteEndEle
+ String.
navResult.N
hile (navRes
xt + s + "<b
iter
ribe un arch
tro modo es
do el etiquet
sticas de las
Instruction.
rincipio <?[
pacio. Con e
"?>, que ser
nt. Escribe u
tring. Esta p
queta Nomb
ring. Escribe
ente etiquet
ren el ejemp
nt. Esta prop
vo donde alm
e new File
archivo y
XML new Xm
e se cree co
Formattin
singInstruc
Element("Rep
L.WriteAttrib
.microsoft.
//schemas.m
Element("Dat
Element("Dat
buteString("N
Element("Con
uetas que no
ntString("In
ntString("Co
ntString("Da
ement(); //
ement(); //
ement(); //
ement(); //
Format("{0}
ame, navResu
ult.MoveToNe
br>";
ivo XML a pa
s el XmlTextW
tado que nos
propiedade
Esta propied
Primer Texto
sto podemo
el encabeza
una etiqueta
ropiedad no
brePropiedad
e una etiquet
ta: <Nombre
plo.
piedad cierra
macenar mi
Stream("UnaR
la codificac
lTextWriter
n sangra lo
g.Indented;
tion("xml",
ort");
buteString("
com/sqlserve
icrosoft.com
aSources");
aSource"); /
Name", "Nomb
nectionPrope
son necesar
tegratedSecu
nnectString"
taProvider",
Cierro Conne
Cierro DataS
Cierro DataS
Cierro el re
{1} ",
ult.Value);
extAttribute
arte de hace
Writer. Este
sotros le indi
s del XmlTex
dad tiene do
o] [segundo t
s conseguir l
ado de nuest
a de apertura
os crear en l
d=ValorProp
ta de apertu
>Valor</Nom
a una etiquet
infomre.
Ruta\UnArchi
cin al obje
(oFile, Enco
os nodos del
"version \"
"xmlns",
er/reporting
m/SQLServer/
// Abro Dat
// Abro Data
breDS"); //
erties");
rio cerrar.
urity", "tru
", " PARAMET
, "SQL");
ectionProper
Source.
Sources.
eport.
Tema
e());
rlo nosotros
objeto escrib
iquemos
xtWriter son
os parmetro
texto]?> y e
lo siguiente:
tro informe.
a y necesitar
la anterior et
piedad>. No
ra con un no
mbre>. No n
ta creada con
ivo.rdl", Fi
eto
oding.UTF8);
l xml..
"1.0\" encod
g/2005/01/re
/reporting/r
taSources.
aSource.
Inserto pro
ue");
TERS!RPTCADE
rties.
Tiabajan
a mano con
be sobre un
:
os el primero
el segundo d
<?xml versio
r ser cerrad
tiqueta una
o necesita se
ombre y su va
ecesita ser c
n WriteStarE
ileMode.Crea
ding \"utf 8
eportdefinit
reportdesign
opiedad dent
ENACONEX.Val
nuo con u
un simple S
FileStream(u
o correspond
espus de es
on="1.0"
a despus
propiedad d
er cerrado.
alor. Esto
cerrado como
Element
ate);
\"");
tion\
ner\"");
tro de etiqu
ue");
atos XNL
tring,
un
de a el
ste
entro
o se
eta
L
// Vu
oXML.
oFile
El res
<?xml
<Repo
xmlns
<Da
<
<
</D
</Rep
string
<futb
<ju
<
<
</j
<ju
<
<
</j
uelco el buf
Flush();
e.Close();
sultado ser:
l version "1
ort xmlns ht
s:rd "http:/
ataSources>
<DataSource
<Connectio
<Integra
<Connect
<DataPro
</Connecti
</DataSource
DataSources>
port>
g path = Serve
using (XmlTex
{
writer.Form
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Writ
writer.Clos
}
olistas>
ugador pais="
<nombre>Dav
<equipo>Vale
jugador>
ugador pais="
<nombre>Leo
<equipo>Barc
jugador>
ffer.
:
.0" encodin
ttp://schema
/schemas.mi
Name "Nombr
onProperties
atedSecurity
tString> PARA
ovider>SQL</
onPropertie
e>
>
er.MapPath("~
xtWriter write
matting = Form
teStartDocume
teStartElemen
teStartElemen
teAttributeStri
teElementStrin
teStartElemen
teString("Vale
teEndElement
teEndElement
teStartElemen
teAttributeStri
teElementStrin
teStartElemen
teString("Barc
teEndElement
teEndElement
teEndElement
teEndDocumen
se();
"Espaa">
vid Villa</nom
encia C.F.</no
"Argentina">
o Messi</nom
celona F.C.</e
g "utf 8"?>
s.microsoft
crosoft.com/
eDS">
>
>true</Integ
AMETERS!RPTC
DataProvider
s>
~/futbolistas.x
er = new XmlT
matting.Inden
ent();
nt("futbolistas
nt("jugador");
ing("pais", "Es
ng("nombre",
nt("equipo");
encia C.F.");
();
();
nt("jugador");
ing("pais", "Ar
ng("nombre",
nt("equipo");
celona F.C.");
();
();
();
nt();
mbre>
ombre>
mbre>
equipo>
.com/sqlserv
/SQLServer/r
gratedSecuri
CADENACONEX.
r>
xml");
TextWriter(pa
nted;
");
spaa");
"David Villa")
rgentina");
"Leo Messi");
Tema
ver/reportin
reporting/re
ity>
.Value</Conn
th, Encoding.U
);
;
Tiabajan
ng/2005/01/r
eportdesigne
nectString>
UTF8))
nuo con u
reportdefini
er">
atos XNL
tion
L
</futb
<?xml
<! X
<Empl
bolistas>
XmlTextWr
XmlTextWri
System.Tex
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
DateTim
xmlWriter.
//New Empl
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
XmlConv
XmlDate
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
//Address
xmlWriter.
//Employee
xmlWriter.
//New Empl
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
XmlConv
XmlDate
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
xmlWriter.
//Address
xmlWriter.
//Employee
xmlWriter.
//Employee
xmlWriter.
xmlWriter.
Response.R
l version "1
XmlTextWrite
loyeeList>
<Employee E
<HireD
riter xmlWri
ter(MapPath
xt.Encoding.
Formatting
Indentation
WriteStartD
WriteCommen
me.Now.ToSho
WriteStartE
oyee
WriteStartE
WriteAttrib
WriteAttrib
WriteAttrib
WriteAttrib
WriteElemen
vert.ToStrin
eTimeSeriali
WriteStartE
WriteElemen
WriteElemen
WriteElemen
WriteElemen
WriteElemen
WriteEndElem
e
WriteEndElem
oyee
WriteStartE
WriteAttrib
WriteAttrib
WriteAttrib
WriteAttrib
WriteElemen
vert.ToStrin
eTimeSeriali
WriteStartE
WriteElemen
WriteElemen
WriteElemen
WriteElemen
WriteElemen
WriteEndElem
e
WriteEndElem
eList
WriteEndElem
Close();
Redirect("Emp
.0" encodin
er Test Date
EmpID "1" La
Date>2003 01
iter new
("EmployeeLi
UTF8);
Formatting
5;
ocument();
t("XmlTextWr
rtDateString
lement("Empl
lement("Empl
uteString("E
uteString("L
uteString("F
uteString("S
tString("Hir
g(DateTime.P
zationMode.U
lement("Addr
tString("Str
tString("Str
tString("Cit
tString("Sta
tString("Zip
ment();
ment();
lement("Empl
uteString("E
uteString("L
uteString("F
uteString("S
tString("Hir
g(DateTime.P
zationMode.U
lement("Addr
tString("Str
tString("Str
tString("Cit
tString("Sta
tString("Zip
ment();
ment();
ment();
ployeeList.x
g "utf 8"?>
: 09/03/2009
stName "JoeL
01T00:00:00
ist.xml"),
g.Indented;
riter Test D
g());
loyeeList");
loyee");
EmpID", "1")
LastName", "
FirstName",
Salary", Xml
reDate",
Parse("1/1/2
Unspecified)
ress");
reet1", "123
reet2", "");
ty", "MyCity
ate", "OH");
pCode", "123
loyee");
EmpID", "2")
LastName", "
FirstName",
Salary", Xml
reDate",
Parse("1/2/2
Unspecified)
ress");
reet1", "234
reet2", "");
ty", "MyCity
ate", "OH");
pCode", "234
xml");
9 >
Last" FirstN
0</HireDate>
Tema
Date: " +
;
);
"JoeLast");
"Joe");
lConvert.ToS
2003"),
));
3 MyStreet")
;
y");
;
345");
);
"MaryLast");
"Mary");
lConvert.ToS
2003"),
));
4 MyStreet")
;
y");
;
456");
Name "Joe" S
>
Tiabajan
String(50000
;
String(40000
;
Salary "5000
nuo con u
));
));
0">
atos XNL
L
</Emp
Xml
XmlT
una s
lecto
reflej
<Addre
<
<
<
<
<
</Addr
</Employee>
<Employee E
<HireD
<Addre
<
<
<
<
<
</Addr
</Employee>
ployeeList>
lTextRea
TextReader p
secuencia de
r. Para avanz
jan el valor d
lbl Get
XmlTextRea
XmlText
while (xml
{
switch
{
case
case
case
{
}
case
{
}
}
if (xml
{
whil
{
s
s
l
}
}
}
xmlReader.
ess>
<Street1>123
<Street2 />
<City>MyCity
<State>OH</S
<ZipCode>123
ress>
>
EmpID "2" La
Date>2003 02
ess>
<Street1>234
<Street2 />
<City>MyCity
<State>OH</S
<ZipCode>234
ress>
>
ader
proporciona
e datos XML.
zar el lector,
del nodo actu
tLabel(275,
ader xmlRead
tReader(MapP
Reader.Read
(xmlReader.N
e XmlNodeTyp
e XmlNodeTyp
e XmlNodeTyp
string s;
s Strin
xmlRea
xmlRea
xmlRea
lbl.Text
break;
e XmlNodeTyp
string s;
s Strin
xmlReade
lbl.Text
break;
Reader.HasA
e (xmlReade
tring s;
String.F
xmlReader.N
bl.Text +
Close();
MyStreet</S
</City>
tate>
45</ZipCode>
stName "Mary
01T00:00:00
MyStreet</S
</City>
tate>
56</ZipCode>
acceso de s
El nodo actu
utilice cualq
ual.
20);
er new
ath("Employe
())
NodeType)
e.XmlDeclara
e.Element:
e.Comment:
g.Format("{0
der.NodeType
der.Name,
der.Value);
+ s;
e.Text:
g.Format("
r.Value);
+ s;
ttributes)
r.MoveToNext
ormat(" At
ame, xmlRead
s;
Street1>
>
yLast" First
0</HireDate>
Street1>
>
lo lectura y
ual hace refe
quiera de los
eeList.xml")
ation:
0}: {1} {2
e,
Value: {0}
tAttribute()
ttribute: {0
der.Value);
Tema
tName "Mary"
>
con desplaza
erencia al no
s mtodos de
));
2}<br>",
}<br>",
))
0} {1}<br>
Tiabajan
" Salary "40
amiento slo
do en el que
e lectura y la
>",
nuo con u
000">
o hacia delan
e est situado
s propiedade
atos XNL
nte a
o el
es
L
Mod
Cuan
quere
Cuan
Vali
La cla
XmlR
prote
{
lb
if
{
}
el
{
}
}
priva
{
Xm
xm
xm
Xm
Xm
tr
{
}
ca
{
}
fi
{
}
}
dificar un
do el objeto
emos borrar
do queremo
//Declare
XmlDocumen
xmlDoc.Loa
//delete a
XmlNode no
node xml
node.Paren
//create a
XmlElement
xmlDoc.
node xml
node.Paren
xmlDoc.Sav
Response.R
idar Docu
ase XmlRead
Reader cread
ected void B
bl GetLabe
f (ValidateD
lbl.Text +
lse
lbl.Text +
ate bool Val
mlReaderSett
mlSet.Valida
mlSet.Prohib
mlReader vr
mlDocument x
ry
xd.Load(vr
return tru
atch (Except
lbl.Text +
return fal
inally
vr.Close()
n Docum
XmlDocume
un nodo, sim
os insertar un
and load new
nt xmlDoc
ad(MapPath("
a mode
ode;
Doc.SelectS
ntNode.Remov
a node and a
t newElement
CreateEleme
Doc.SelectS
ntNode.Inser
ve(MapPath("
Redirect("Xm
umentos
erSettings Es
o mediante
Button14 Cli
el(275, 20);
Document(Map
+ "Valid Do
+ "Invalid
idateDocume
tings xmlSet
ationType V
bitDtd fal
XmlReader
xd new Xml
r);
ue;
tion ex)
+ ex.Messag
se;
;
ento XML
ent est carg
mplemente t
n nodo, busc
w XmlDocumen
new XmlDocum
XmlSample.xm
ingleNode("/
eChild(node)
dd it
nt("myNewEle
ingleNode("/
tAfter(newEl
XmlSampleMod
lSampleModif
s XML
specifica un
el mtodo C
ck(object se
Path("XmlBad
cument<br />
Document<br
nt(string fi
new XmlRe
ValidationTy
se;
.Create(file
Document();
e + "<br />"
L
gado en mem
tenemos que
camos la loca
nt
ment();
ml"));
//myChild[@C
);
ement");
//myChild[@C
lement, node
dified.xml")
fied.xml");
conjunto de
Create.
ender, Event
dSample.xml"
>";
/>";
ileName)
eaderSetting
ype.DTD;
eName, xmlSe
";
Tema
moria, es muy
e posicionarn
alizacin apro
ChildID 'ref
ChildID 'ref
e);
));
e caracterstic
tArgs e)
")))
gs();
et);
Tiabajan
y fcil modif
nos en su no
opiada e inse
f 3']");
f 1']");
cas compatib
nuo con u
ficarlo. Si
odo padre.
ertamos el n
bles en el ob
atos XNL
nodo.
bjeto
L
Tes
1. Wh
2. Wh
ty
t
hich class ca
A. XmlConv
B. XmlDocu
C. XmlNew
D. XmlSettin
hich class ca
ypes?
A. XmlType
B. XmlCast
C. XmlConv
D. XmlSettin
an be used to
vert
ument
ngs
an be used to
ert
ngs
create an XM
o perform dat
ML docume
ta type conv
Tema
nt from scrat
version betwe
Tiabajan
tch?
een .NET dat
nuo con u
ta types and
atos XNL
XML
L
AApliicac
co
cio
on .
Te
Co
ue
0s
M
ne
.NE
ema
onti
e
suai

MC
s
ET 3
a
ioles
iio
CTS:
Web
3.5
s
:
b
5
Te
0s
En oc
en lo
contr
x
x
Los co
que e
elem
En es
ASP.N
Los co
parec
los co
event
ema
suaiio
casiones, es p
s controles d
roles. Dispon
Controles
colocar co
control d
Controles
desarrolla
ontroles de u
es posible re
entos de inte
ste tema se p
NET.
ontroles de u
cido a los ar
ontroles de u
tos.
Tia
o
posible que
de servidor W
ne de dos op
s de usuario.
ontroles de f
e usuario co
s personaliza
ador que se
usuario son
utilizar los ya
erfaz de usu
proporciona
usuario son
rchivos inclu
usuario son m
abajan
necesite cier
Web ASP.NET
ciones. Pued
. Los controle
formato y de
omo una unid
ados. Un con
deriva de Co
mucho ms
a existentes.
ario complej
informacin
pginas ASP
de, conocid
mucho ms p
nuo c
rta funcional
T integrados
de crear:
es de usuario
e servidor W
dad y definir
ntrol persona
ontrol o Web
fciles de cre
. Esto permit
jos.
general sob
.NET que pu
dos por los p
potentes. So
Tem
con C
lidad en un c
. En estos ca
o son conten
Web. A contin
propiedade
alizado es un
bControl.
ear que los c
te crear con
bre el uso de
eden reutiliz
rogramador
n compatible
ma Con
ontio
control que n
asos, puede c
nedores en lo
uacin pued
s y mtodos
na clase escri
controles per
facilidad con
los controle
zarse desde o
es de Asp y P
es con las pr
ntioles ue
oles u
no est inclu
crear sus pro
os que pued
de tratar el
para el mism
ta por un
rsonalizados
ntroles con
es de usuario
otras pgina
Php. Sin emb
ropiedades y
e 0suaiio
ue
ida
opios
e
mo.
, ya
o
s. Es
bargo,
los
o
Par
Con V
dispo
gene
dem
Para
1
2
3
a crear u
Visual Studio
one de un ele
ra lo que ser
s paginas de
crear un con
1. Si no tene
ASP.NET
2. Para crea
Compone
de usuari
3. Se nos cr
compone
ser susti
un contro
o .Net es la fo
emento para
ra como una
el sitio, reuti
ntrol de usua
emos un pro
.
ar el control d
ente En es
io Web. Le in
eara un nuev
ente es como
ituido en los
ol de usua
orma ms se
a ello en el m
a pgina Web
lizando as e
ario seguirem
oyecto cread
de usuario, v
ste wizard se
ndicamos el n
vo fichero co
o si se tratase
lugares don
ario en V
encilla de con
men de Agre
b normal per
el cdigo.
mos los siguie
o, creamos u
vamos a la o
eleccionamo
nombre que
on el nombre
e de una pg
nde usemos e
Tem
Visual Stu
nstruir un co
egar. Con est
ro la cual se
entes pasos.
un proyecto
pcin Archiv
s que querem
va a tener n
e seleccionad
gina Web. El
el control.
ma Con
udio .NET
ntrol de usu
ta opcin de
va a poder im
de Aplicaci
vo > Agregar
mos crear un
nuestro comp
do con exten
contenido d
ntioles ue
T.
ario, ya que
men se no
mportar en l
n Web de
r Nuevo
n nuevo cont
ponente.
nsin .ascx
de esta pgin
e 0suaiio
s
as
trol
. Este
na
o
Con e
nuest
arras
dentr
Esto g
<%@
Con e
lo vam
<Ban
Estr
Un co
.aspx
de us
agreg
de us
tarea
Un co
x
x
esto podemo
tras pginas
trar el ficher
ro de nuestra
genera el sig
Register Tag
esto estamos
mos a usar b
coASPNET:E
ructura d
ontrol de usu
x) e incluye u
suario es mu
gan el format
suario puede
as como el en
ontrol de usu
La extens
En lugar d
Control q
os crear nues
Web. Para p
ro del Explo
a pgina web
guiente cdig
gPrefix=Ban
s diciendo qu
bajo en nomb
ncabezado r
de los con
uario Web AS
na pgina de
y similar al p
to y los cont
e incluir el c
nlace de dato
uario se difer
sin de nomb
de una direc
que define la
stros control
poder usar el
orador de sol
b.
go:
coASPNET T
ue la pagina
bre de Banco
runat=serve
ntroles d
SP.NET es sim
e interfaz de
proceso de cr
troles secund
digo necesa
os.
rencia de un
bre de archiv
tiva @ Page,
configuraci
les y reutiliza
l control en o
luciones al l
TagName=E
a utilizar un
oASPNET:Enc
er/>
de usuario
milar a una p
e usuario y c
reacin de u
darios necesa
rio para man
a pgina We
vo para el co
, el control d
n y otras pr
Tem
ar todo el c
otra pagina w
lugar donde
Encabezado
fichero llam
cabezado.
o
pgina Web A
digo. El pro
na pgina AS
arios. Al igua
nipular su co
eb ASP.NET e
ontrol de usu
de usuario co
ropiedades.
ma Con
digo que que
web solo ten
queremos c
Src=encab
mado encabe
ASP.NET com
ceso de crea
SP.NET, slo
al que una p
ontenido e in
en los siguien
uario es .ascx
ontiene una d
ntioles ue
eramos en
nemos que
olocar el con
bezado.ascx
ezado.ascx
mpleta (archi
acin del con
que al final
gina, un con
ncluso realiza
ntes aspecto
x.
directiva @
e 0suaiio
ntrol
%>
y que
ivo
ntrol
se
ntrol
ar
s:
o
x
x
En un
form
contr
contr
boton
<%@ C
<scri
p
p
p
{
}
p
{
}
p
{
}
p
{
}
</scr
<asp:
<asp:
OnCli
<asp:
OnCli
Los contr
lugar, deb
El contro
deben es
n control de
) y controles
rol de usuari
roles de serv
nes.
Control Lang
ipt runat "s
protected in
protected St
protected vo
{
if (IsPo
{
curr
}
else
{
curr
Disp
}
}
protected vo
{
textColo
ViewStat
}
protected vo
{
if(curre
{
curr
}
else
{
curr
}
DisplayC
}
protected vo
{
if(curre
{
curr
}
else
{
curr
}
DisplayC
}
ript>
TextBox ID
Button Font
ick "buttonU
Button Font
ick "buttonD
roles de usua
be agregarlo
l de usuario
tar en la pg
usuario pued
s Web que en
o para utiliza
vidor Web Bu
guage "C#" C
erver">
nt currentCo
tring[] colo
oid Page Loa
ostBack)
rentColorInd
Int16.Parse
rentColorInd
playColor();
oid DisplayC
or.Text co
te["currentC
oid buttonUp
entColorInde
rentColorInd
rentColorInd
Color();
oid buttonDow
entColorInde
rentColorInd
rentColorInd
Color();
"textColor"
t Bold "True
Up Click" />
t Bold "True
Down Click"
ario no se pu
os a las pgin
no contiene
gina de aloja
de utilizar lo
n una pgina
ar una barra
utton en el co
lassName "Us
lorIndex;
rs {"Red",
d(object sen
ex
(ViewState["
ex 0;
olor()
lors[current
olorIndex"]
Click(objec
x 0)
ex colors
ex 1;
wn Click(obj
x (colors
ex 0;
ex + 1;
runat "serv
" ID "button
" ID "button
/>
ueden ejecut
nas ASP.NET,
elementos h
miento.
s mismos ele
a Web ASP.N
de herramie
ontrol y crea
serControl1"
, "Blue", "G
nder, EventA
"currentColo
tColorIndex]
currentCo
ct sender, E
.Length 1;
ject sender,
s.Length 1
ver" ReadOnl
nUp" runat "
nDown" runat
Tem
ar como arc
como hara
html, body o
ementos HTM
NET. Por ejem
entas, puede
ar controlado
" %>
Green", "Yel
Args e)
orIndex"].To
];
olorIndex.To
EventArgs e)
;
, EventArgs
1))
ly "True" />
"server" Tex
t "server" T
ma Con
hivos indepe
con cualquie
o form. Estos
ML (excepto
mplo, si est
e colocar una
ores de even
llow"};
oString());
oString();
e)
>
xt "^"
Text "v"
ntioles ue
endientes. En
er otro contr
s elementos
html, body
creando un
a serie de
ntos para los
e 0suaiio
n su
rol.
y
o
Incl
Para
recib
por to
1
2
3
En el
usuar
contr
propi
<%@ P
<%@ R
S
<html
<body
<form
<
</for
</bod
Otra
soluc
Defi
luir un co
utilizar un co
e una solicit
odas las fase
1. En la pg
siguiente
x U
E
u
x U
E
u
x U
c
2. En el cue
elemento
3. Si el cont
mediante
ejemplo sigu
rio. ste se e
rol se registr
iedades MinV
Page Languag
Register Tag
Src "~\Contr
l>
y>
m id "Form1"
<uc:Spinner
runat "s
MinValue
MaxValue
rm>
dy>
posibilidad e
ciones al form
finir prop
ontrol de
ontrol de usu
ud de una p
es de procesa
ina Web ASP
e:
Un atributo T
Este prefijo s
usuario.
Un atributo T
Este nombre
usuario.
Un atributo S
control de us
rpo de la pg
o form.
rol de usuar
e declaracin
uiente se mu
encuentra en
a para que u
Value y Max
ge "C#" %>
gPrefix "uc"
rols\Spinner
runat "serv
id "Spinner
erver"
e "1"
e "10" />
es simpleme
mulario en el
piedades
e usuario
uario, ste d
gina y sta
amiento que
P.NET conten
TagPrefix, qu
e incluir en
TagName, qu
se incluir e
Src, que perm
uario que se
gina Web, de
io expone pr
n.
uestra una p
n el archivo S
utilice el pref
xValue del co
TagName "Sp
.ascx" %>
ver">
1"
nte arrastrar
l que se quie
y mtod
o en una p
ebe incluirse
contiene un
e realizan los
nedora, cree
ue permite as
la etiqueta
ue permite a
en la etiqueta
mite definir la
e va a incluir.
eclare el elem
ropiedades p
gina Web A
Spinner.ascx
fijo uc y el no
ontrol de usu
pinner"
r el control d
ere incluir
dos para u
Tem
pgina W
e en una pg
control de u
s controles de
una directiv
sociar un pre
de apertura
sociar un no
a de apertura
a ruta de acc
.
mento de co
pblicas, tam
ASP.NET que
de la carpet
ombre de eti
uario se estab
de usuario de
un contro
ma Con
Web ASP.N
gina Web ASP
usuario, dich
e servidor AS
va @ Registe
efijo al contr
del element
ombre al cont
a del elemen
ceso virtual a
ontrol de usu
mbin puede
contiene un
a Controls. E
queta Spinn
blecen media
esde el explo
ol de usu
ntioles ue
NET
P.NET. Cuand
o control pa
SP.NET.
er que incluya
rol de usuario
to del contro
trol de usua
nto del contr
al archivo de
uario dentro
establecerla
n control de
En la pgina,
er. Las
ante declara
orador de
uario
e 0suaiio
do se
sa
a lo
o.
ol de
rio.
rol de
el
del
as
el
acin.
o
Pued
hara
estab
MyCo
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
}
}
MyCo
<%@ P
I
<%@ R
<!DOC
Trans
<html
<head
<
</hea
<body
<
<
/>&nb
<
<
</bod
</htm
MyCo
using
using
using
using
using
using
using
using
using
using
publi
{
e definir pro
para una p
blecer sus pro
ontrol.ascx
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
public strin
{
get { re
set { lb
}
public strin
{
get { re
set { tx
}
ontrolProp
Page Languag
Inherits "My
Register Src
CTYPE html P
sitional//EN
l xmlns "htt
d id "Head1"
<title>Untit
ad>
y>
<form id "fo
<div>
<br />
<asp:But
bsp;<br />
<br />
<uc1:MyC
<br />
<br />
<asp:Lab
<br />
<br />
</div>
</form>
dy>
ml>
ntrolProperty
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
opiedades y m
gina. La defi
opiedades m
x
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class MyCont
ng UserCapti
eturn lblNam
blName.Text
ng UserName
eturn txtNam
xtName.Text
pertyTest.as
ge "C#" Auto
yControlProp
c "MyControl
PUBLIC " //W
N""http://www
tp://www.w3.
runat "serv
tled Page</t
orm1" runat
tton ID "But
Control ID "M
bel ID "Labe
yTest.aspx.cs
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class MyCont
mtodos par
inicin de un
mediante dec
rols;
rols.WebPart
trols;
rol : System
on
e.Text; }
value; }
e.Text; }
value; }
spx
EventWireup
ertyTest" %>
.ascx" TagNa
3C//DTD XHTM
w.w3.org/TR/
org/1999/xht
ver">
itle>
"server">
ton1" runat
MyControl1"
l1" runat "s
rols;
rols.WebPart
trols;
rolPropertyT
ra un control
na propiedad
claracin y en
ts;
m.Web.UI.Use
"true" Code
>
ame "MyContr
ML 1.0
/xhtml1/DTD/
tml">
"server" Te
runat "serv
server"></as
ts;
Test : Syste
Tem
l de usuario
d para un con
n el cdigo.
erControl
eFile "MyCon
rol" TagPref
/xhtml1 tran
ext "Get Nam
ver" />
sp:Label>
em.Web.UI.Pa
ma Con
de la misma
ntrol de usua
ntrolPropert
fix "uc1" %>
nsitional.dt
me" OnClick
age
ntioles ue
manera que
ario permite
tyTest.aspx.
>
td">
"Button1 Cl
e 0suaiio
e lo
cs"
ick"
o
p
{
}
p
{
}
}
Eve
Si un
dicho
ejem
contr
Fiche
<%@ C
Inher
<asp:
<asp:
<br /
<asp:
Cdi
using
using
using
using
publi
{
p
{
}
}
Carg
Al igu
dinm
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
}
protected vo
{
MyContro
}
protected vo
{
Label1.T
}
entos de l
control de u
o control par
plo, si su con
rol de usuari
ero ascx
Control Lang
rits "HiCont
TextBox ID
Button ID "
/>
Label ID "L
go
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
Label1.T
}
ga de Con
ual que otros
micamente.
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
//Popula
MyContro
(MyContr
c1.UserN
form1.Co
MyContro
(MyContr
}
oid Page Loa
ol1.UserCapt
oid Button1
Text MyCon
los contro
usuario conti
ra controlar l
ntrol de usua
o para el eve
guage "C#" A
trol" %>
"TextBox1"
Button1" ru
Label1" runa
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class HiCont
oid Button1
Text "Hi "
ntroles D
s controles d
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class HiCont
oid Page Loa
ate the form
ol c1
rol)LoadCont
Name "Glen
ontrols.Add(
ol c2
rol)LoadCont
d(object sen
ion "Enter
Click(object
trol1.UserNa
oles de u
ene controle
os eventos p
ario contiene
ento Click de
utoEventWire
runat "serve
nat "server"
t "server" T
rols;
rols.WebPart
trols;
rol : System
Click(object
+ TextBox1
Dinmica
e servidor, lo
rols;
rols.WebPart
trols;
rolDynamicLo
d(object sen
.
rol("MyContr
n";
c1);
rol("MyContr
nder, EventA
r User Name:
t sender, Ev
ame;
usuario
es de servido
producidos p
e un control
el botn.
eup "true" C
er"></asp:Te
" Text "Hola
Text "Label"
ts;
m.Web.UI.Use
t sender, Ev
.Text;
amente
os controles
ts;
oad : System
nder, EventA
rol.ascx");
rol.ascx");
Tem
Args e)
:";
ventArgs e)
or Web, es p
por los contro
Button, pue
CodeFile "Hi
extBox>
a" OnClick "
"></asp:Labe
erControl
ventArgs e)
de usuario p
m.Web.UI.Pag
Args e)
form1.Contr
ma Con
osible escrib
oles secunda
de crear un
iControl.asc
"Button1 Cli
el>
pueden ser c
ge
rols.Add(c2)
ntioles ue
bir cdigo en
arios. Por
controlador
cx.cs"
ck" />
cargados
;
e 0suaiio
en el
o
Elev
Codi
<%@ C
I
<asp:
<asp:
<asp:
OnCli
Codi
using
using
using
using
using
using
using
using
using
using
publi
publi
{
p
p
{
}
}
El e
de l
Codi
<%@ P
I
<%@ R
<!DOC
"http
<html
<head
<
</hea
<body
<
<
<
<
</bod
</htm
Codi
using
using
using
using
using
publi
{
p
{
}
}
vando ev
go ascx
Control Lang
Inherits "Me
Label ID "l
TextBox ID
Button ID "
ick "btnMess
go cs
g System;
g System.Dat
g System.Con
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic delegate
ic partial c
public event
protected vo
{
if (Send
}
evento deb
la clase d
go aspx
Page Languag
Inherits "Me
Register Src
CTYPE html P
p://www.w3.o
l xmlns "htt
d id "Head1"
<title>Untit
ad>
y>
<form id "fo
<div>
<uc1:Mes
<br />
<br />
<asp:Lab
</div>
</form>
dy>
ml>
go cs
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
MessageC
delegate
}
ventos a l
guage "C#" A
essageContro
blName" run
"txtName" r
btnMessage"
age Click"
ta;
nfiguration;
lections;
b;
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
void SendMe
class Messag
t SendMessag
oid btnMessa
dMessage !
be ser sie
de control
ge "C#" Auto
essageContro
c "MessageCo
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
runat "serv
tled Page</t
orm1" runat
sageControl
bel ID "lblR
b.Security;
b.UI;
b.UI.WebCont
b.UI.WebCont
b.UI.HtmlCon
class Messag
oid Page Loa
Control1.Sen
e(string mes
la pgina
utoEventWire
l" %>
at "server"
unat "server
runat "serv
/>
rols;
rols.WebPart
trols;
ssageHandler
eControl : S
eHandler Sen
ge Click(obj
null) SendMe
empre decl
l de usuar
EventWireup
lTest" %>
ntrol.ascx"
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
ver">
itle>
"server">
ID "Message
esult" runat
rols;
rols.WebPart
trols;
eControlTest
d(object sen
dMessage +
sage) { lblR
a
eup "true" C
Text "Enter
r"></asp:Tex
ver" Text "S
ts;
r(string mes
System.Web.U
ndMessage;
ject sender,
essage(txtNa
larado com
rio.
"true" Code
TagName "Me
ML 1.0 Trans
1 transition
tml">
eControl1" r
t "server" T
ts;
t : System.W
nder, EventA
Result.Text
Tem
CodeFile "Me
r Name: "></
xtBox>
Send Message
ssage);
UI.UserContr
, EventArgs
ame.Text);
mo pblico
eFile "Messa
essageContro
sitional//EN
nal.dtd">
runat "serve
Text ""></as
Web.UI.Page
Args e)
message;
ma Con
essageContro
/asp:Label>
e"
rol
e)
o en la pa
ageControlTe
ol" TagPrefi
N"
er" />
sp:Label>
};
ntioles ue
ol.ascx.cs"
arte super
est.aspx.cs"
x "uc1" %>
e 0suaiio
rior
o
Ejem
Con
Vamo
Pgi
La p
de us
El con
Con
Cream
estab
Prop
Cream
para
priva
p
{
mplo de C
trol para
os a crear un
ina Princi
gina principa
suario
ntrol de usua
ntrol para
mos otro con
blecemos sus
piedades
mos 2 propie
la direccin.
ate int Num
public int N
{
get { re
set { N
Control d
un pe de
n control de u
ipal
al tendr un
ario lo podem
a mostra
ntrol de usua
s funcionalid
para el co
edades para
meroColumnas
NumeroColumn
eturn Numer
NumeroColumn
de Usuar
e pgina c
usuario web
a etiqueta y
mos reutiliza
r datos
ario con un d
ades de actu
ontrol
el control. U
3;
as
oColumnas;
as value;
io Web
con copyr
para coloca
un botn. Po
ar en cualqui
dataList, para
ualizacin y l
Una para dete
}
}
Tem
ight
r como pe d
osteriormen
er pgina
a mostrar los
o incorporam
erminar el n
ma Con
de pgina
nte, incorpor
s datos de lo
mos a la pg
mero de co
ntioles ue
amos el cont
os coches,
gina principal
olumnas y ot
e 0suaiio
trol
l
tra
o
}
p
p
{
}
Dam
En el
Esta
En el
de us
Con
En un
desen
La p
vean
conte
}
private Repe
public Repea
{
get { re
set { D
}
mos valor
load
this.Data
this.Dat
ablecer la
cliente se di
suario web. A
trolar Eve
n control de
ncadenan ev
gina en la qu
los tendrem
enedora
eatDirection
atDirection
eturn Direc
Direccion v
a las prop
aList1.Repea
taList1.Repe
as propied
ispondrn lo
As como la p
entos
usuario, pod
ventos, tendr
ue est coloc
mos publicar c
Direccion
Direccion
cion; }
value; }
piedades
atColumns
atDirection
dades par
os controles n
programaci
demos tener
remos que c
cado el contr
con el objeti
RepeatDir
del contr
this.Numero
this.Dire
ra el client
necesarios p
n de sus eve
otros contro
ontrolarlos e
rol de usuari
vo de que lo
Tem
rection.Hori
rol
Columnas;
eccion;
te
ara actualiza
entos.
oles (botone
en el control
io nunca ver
os eventos lle
ma Con
izontal;
ar las propied
s). Si estos c
de usuario.
estos even
eguen a la p
ntioles ue
dades del co
ontroles
ntos, para qu
gina
e 0suaiio
ontrol
e se
o
Vamo
x
x
Decla
pu
pu
pu
pu
Decla
publi
{
p
p
{
}
p
{
}
}
Decla
prote
{
}
p
{
}
Por
quere
El pri
prote
{
}
Cuan
os a declarar
EditRecor
de coche
FinishedE
actualizac
aramos los ev
ublic delegate
ublic event Ed
ublic delegate
ublic event F
aramos la cla
ic class Cha
private stri
public strin
{
get { re
set { M
}
public Chang
{
this.Mat
}
aramos mto
ected virtua
{
if (Edit
{
Edit
}
}
protected vi
{
if (Fini
{
Fini
}
}
ltimo, debem
emos que se
mer lugar es
ected void D
{
DataList
DataList
Label lb
string N
ChangedR
OnEditRe
}
do pulsamos
OnFinish
r 2 eventos e
rd, se desenc
que se est
EditRecord, s
cin
ventos para
e void EditRe
ditRecordHand
e void Finish
inishedEditRe
ase Changed
angedRecordEv
ng Matricu
ng Matricula
eturn Matri
MatriculaCoc
gedRecordEve
triculaCoche
odos que des
al void OnEd
tRecord ! n
tRecord(this
rtual void
shedEditRec
shedEditRec
mos agregar
e desencaden
s cuando pul
DataList1 Ed
t1.EditItemI
t1.DataBind(
bl (Label)
NumeroMatric
RecordEventA
ecord(cre);
s los botones
hedEditRecor
en el control
cadenar cu
editando.
se desencade
el Control de
cordHandler(o
dler EditRecor
edEditRecordH
cordHandler F
RecordEvent
ventArgs : E
laCoche;
Coche
culaCoche;
he value;
ntArgs(strin
Matricula
sencadenen
itRecord(Cha
ull)
, e);
OnFinishedEd
ord ! null)
ord(this, e)
llamadas a e
nen eventos.
samos el bot
itCommand(ob
ndex e.Ite
);
e.Item.FidnC
ula lbl.Te
rgs cre ne
s de Actualiz
d(new EventA
de usuario:
ando se est
enar cuand
e Usuario
object sender,
rd;
Handler(object
FinishedEditRe
tArgs
EventArgs
}
}
ng Matricula
aCoche;
eventos si a
angedRecordE
ditRecord(Ev
)
);
estos mtod
.
tn de Edita
bject source
em.ItemIndex
Control("Vin
ext;
ew ChangedRe
zar y Cancela
Args());
Tem
editando u
o el usuario
, ChangedRecor
t sender, Even
ecord;
aCoche)
lguien se ha
EventArgs e)
ventArgs e)
os en los lug
r.
e, DataListC
x;
nLabel");
ecordEventAr
ar se termina
ma Con
n registro, y
guarde o can
rdEventArgs e
ntArgs e);
registrado p
gares del cd
CommandEvent
rgs(NumeroMa
a de editar:
ntioles ue
pasar el no
ncele la
);
para recibirlo
digo en los qu
tArgs e)
atricula);
e 0suaiio
ombre
os
ue
o
En el
protec
{
}
pr
{
}
pr
{
}
Tes
1. Wh
D
2. Yo
h
m
c
3. Yo
t
o
lado de la p
cted void Page
this.DatosC
this.Datos
DatosCoche
rotected void
lblMatricu
rotected void
lblMatricu
t
hat file exten
A. .ausr exte
B. .aucx exte
C. .asuc exte
D. .ascx exten
ou want to cr
how the Web
mentioned th
can you best c
A. Create a s
you the
B. Create a
designer
C. Create a t
can spec
D. Create a
specify t
ou want to em
to the top of
one.)
A. @Reme
B. @Refere
C. @Requi
D. @Regis
gina princip
e Load(object
Coches1.EditR
sCoches1.Finis
es.FinishedEdi
DatosCoches1
laCoche.Text
DatosCoches1
laCoche.Text
nsion do you
ension
ension
ension
nsion
reate a user c
b page desig
at the forma
create a user
separate user
format to im
separate us
rs give you th
templated us
cify their des
a user contro
the style prop
mploy a user
f the Web pag
ember
ence
ired
ter
pal, tenemos
sender, Even
Record += new
shedEditRecord
itRecordHandle
EditRecord(o
= "Editando "
FinishedEdit
= string.Empt
u use to create
control to dis
gners want t
at of the data
r control to so
r control for
mplement in e
ser control f
he desired fo
ser control th
sired format.
ol that simp
perties for th
r control on o
ge to indicate
s que registra
ntArgs e)
DatosCoches.E
d += new
er(DatosCoche
object sender,
" + e.Matricul
tRecord(object
ty;
e a user cont
splay data, b
to format the
a might be di
olve this pro
each Web pa
each user con
for each var
ormatting opt
hat exposes t
ly renders t
he user contr
one of your
e that a user
Tem
ar para recib
EditRecordHand
s1 FinishedEd
, DatosCoches
laCoche;
t sender, Even
trol? (Choose
but you are c
e data. Also
ifferent, depe
oblem? (Choo
age and get e
ntrol.
riation of the
tions.
the data to th
the data and
ol.
Web pages.
control is em
ma Con
bir los evento
dler(DatosCoch
ditRecord);
.ChangedRecord
ntArgs e)
e one.)
concerned tha
o, some of th
ending on th
ose one.)
each Web pa
e format on
he Web page
d let the We
What directi
mployed on t
ntioles ue
os
hes1 EditReco
dEventArgs e)
at you dont
he page desi
he Web page
age designer
nce the Web
e designers so
eb page desi
ive must be
the page? (C
e 0suaiio
rd);
know
igners
. How
to tell
b page
o they
igners
added
Choose
o
AApliicac
co
Tem
Con
Sei
Pei
cio
on .
ma
ntio
iviu
ison

M
ne
.NE
oles
oi
naliz
MC
s
ET 3
ue
zauo
CTS:
Web
3.5
os
:
b
5
Te
pe
Los co
que e
contr
excep
explc
mode
Studi
cuadr
Los co
hemo
comp
comp
aad
Asim
la apl
ensam
aplica
Los co
comp
visua
pued
aplica
sola a
Un co
dispo
existe
ajusta
simpl
propi
los co
de un
base:
contr
opera
estad
ema
eison
ontroles per
encapsulan la
roles persona
pto que se en
citamente. A
elo de objeto
o, como la v
ro de herram
ontroles per
os analizado
pilacin din
patibilidad en
en a una pg
ismo, los con
licacin que
mblado din
aciones.
ontroles de u
pilado un con
l de Visual St
en instalar e
aciones, o sim
aplicacin.
ontrol person
onible en la c
en dos forma
a a sus reque
le es extende
iedades, mt
ontroles de s
n control per
: Control y W
roles de serv
ativos del co
dos.
C
naliza
rsonalizados
a interfaz de
alizados no s
nlazan a un p
Aparte de lo a
o, activar eve
ventana Prop
mientas.
rsonalizados
en el capitu
mica y no se
n tiempo de
gina, donde s
ntroles de us
los incorpor
mico que co
usuario ASP.
ntrol, podem
tudio. Debid
en una sola c
mplemente s
nalizado es u
clase base de
as de crear c
erimientos s
er el control
todos y even
servidor web
rsonalizado d
WebControl.
vidor ASP.NET
ntrol, como
Tem
Contio
auos
de Asp.Net s
e usuario y ot
son diferente
prefijo de et
anterior, los
entos y admi
piedades, el d
no se puede
lo anterior. L
e pueden aa
diseo es lim
simplemente
suario se deb
ra est preco
ontiene el co
.NET persona
mos aadirlo
do a su entor
copia en la GA
se pueden im
una clase her
etermina la c
controles per
lo parcialm
derivando d
ntos especfic
b existentes s
desde el prin
Estas clases
T y requiere
la reproducc
ma C
oles u
son compon
tra funciona
es de los con
iqueta difere
controles pe
itir todas las
diseador vis
en confundir
Los controle
adir al cuadro
mitada, as co
e se muestra
ben impleme
ompilada. En
ntrol de usua
alizados son
al cuadro de
rno compilad
AC, dejando
mplementar
redada de un
cantidad y el
rsonalizados
mente y carec
de l una nue
cos as como
se ajusta a su
ncipio deriv
slo proporc
n que nos ha
cin, el estilo
ontioles
ue se
entes compi
lidad en paq
ntroles de se
ente y se deb
ersonalizado
opciones en
sual, los cons
con los cont
s de usuario
o de herram
omo su resp
an como un m
entar como c
este caso, v
ario y lo vam
cdigo comp
e herramient
do, los contro
que estn d
en el directo
na clase de c
cdigo que
. Si descubre
ce de alguna
eva clase. Pu
o aadir nuev
us requerimi
ndolo desde
cionan la fun
agamos carg
o, el estado d
ue Seiviu
iviuo
ilados en la p
uetes reutili
rvidor ASP.N
ben registrar
os pueden te
n tiempo de d
structores de
troles de usu
Web son co
ientas. Por la
uesta visual
marcador de
cdigo de ori
amos a extra
mos a compa
pilado. Cuan
tas y aprovec
oles persona
isponibles p
orio \bin par
control base.
debe escribi
e que un con
s opciones c
ede sobrees
vas opciones
iento, consid
una de las c
ncionalidad b
o de algunos
de vista y la a
uoi Peison
oi we
parte del ser
zables. Los
NET estndar
r e implemen
ner su propi
diseo de Vi
e propiedad
uario Web, q
mponentes
a misma raz
cuando se
e posicin.
igen, a no se
aer el
rtir entre
ndo hemos
char el entor
alizados se
ara todas las
a su uso en u
. La lgica
rse. Bsicam
ntrol existent
lave, lo ms
scribir
s. Si ninguno
dere la creac
clases de con
bsica de los
s aspectos
administraci
nalizauos
eb
vidor
r,
ntar
o
sual
y el
ue
de
n, su
er que
rno
s
una
mente
te se
de
in
ntrol
n de
s
Her
Cuan
prime
realm
pued
reutil
Eleg
Un co
Contr
ASp.N
utiliza
gene
comp
Crea
apli
Una v
aplica
Her
using
redar Con
do descubra
ero detngas
mente con HT
e empezar a
lidad y eficie
gir una cl
ontrol de ser
rol. La clase C
NET. No obst
amos comn
ral, los contr
portamiento
ar un con
icacin w
vez creado y
acin web
redando d
g System;
ntroles E
a que necesit
se un mome
TML, literale
a planificar u
encia.
lase base
rvidor person
Control es la
tante, debe t
nmente en a
roles ASP.NE
.
ntrol de u
web
compilado,
de un con
Tem
xistentes
ta un contro
nto y asegr
s y cdigo Ja
n control AS
e
nalizado es u
a clase raz pa
tener en cue
plicaciones A
ET heredan d
usuario d
podremos tr
ntrol web
ma C
s
l personaliza
rese de que l
avaScript. Si s
P.NET y post
una clase de
ara todos los
enta que real
ASP.NET que
e clases inte
de servid
rasladar la d
b existen
ontioles
ado para ejec
la opcin qu
sabe lo que d
teriormente
Microsoft .N
s controles d
lmente son m
e realmente s
ermedias que
dor, indep
ll resultante
nte
ue Seiviu
cutar una de
e necesita se
debe hacer e
crear la opc
NET Framewo
de servidor e
muy pocos lo
se heredan d
e encapsulan
pendient
a la carpeta
uoi Peison
terminada ta
e puede obte
en HTML pur
in para la m
ork heredada
n las aplicac
os controles
de Control. E
n un determi
te de la
bin de la
nalizauos
area,
ener
ro,
mejor
a de
iones
que
En
nado
s
using
using
publi
{
p
{
}
p
p
{
}
p
p
{
}
}
using
using
using
publi
{
p
{
}
}
Her
Adem
WebC
que s
Al he
g System.Web
g System.Web
ic class Lab
public strin
{
get { re
set { l
}
private stri
public int L
{
get { re
set { l
}
private int
protected ov
{
writer.W
@"<span
, LabelW
base.Ren
}
g System;
g System.Web
g System.Web
ic partial c
protected vo
{
int widt
LabeledT
prompt1.
prompt1.
form1.Co
LiteralC
form1.Co
LabeledT
prompt2.
prompt2.
form1.Co
}
redar dir
ms de hered
Control, que
se desea apli
redar de la c
b.UI;
b.UI.WebCont
beledTextBox
ng LabelText
eturn label
abelText v
ng labelTe
LabelWidth
eturn labelW
abelWidth
labelWidth
verride void
Write(
style ""disp
Width, Label
nder(writer)
b.UI;
b.UI.WebCont
class Labele
oid Page Ini
th 150;
TextBox promp
LabelText
LabelWidth
ontrols.Add(p
Control brk
ontrols.Add(b
TextBox promp
LabelText
LabelWidth
ontrols.Add(p
ectamen
dar de un con
puede ser c
car.
clase WebCo
Tem
rols;
: TextBox
Text; }
value; }
xt;
Width; }
value; }
;
Render(Html
play:inline
Text);
;
rols;
dTextBoxTest
t(object sen
pt1 new La
"Enter Name
width;
prompt1);
new Litera
brk);
pt2 new La
"Enter Addr
width;
prompt2);
nte de la c
ntrol Web ex
conveniente
ontrol, debe s
ma C
lTextWriter
block;width
t : System.W
nder, EventA
abeledTextBo
e:";
alControl("<
abeledTextBo
ress:";
clase We
xistente, pue
cuando no h
sobreescribi
ontioles
writer)
h:{0}px"">{1
Web.UI.Page
Args e)
ox();
<br />");
ox();
bControl
ede heredar
hay ningn co
r el mtodo
ue Seiviu
1} </sp
l
directament
ontrol con el
Renderizar
uoi Peison
pan>"
te de la clase
l comportam
para
nalizauos
e
miento
s
propo
LogoC
publi
{
p
{
}
p
{
}
p
p
{
}
p
p
{
}
}
using
using
using
publi
{
p
{
}
}
orcionar la s
Control una
ic class Log
public LogoC
{
}
public strin
{
get { re
set { l
}
private stri
public strin
{
get { re
set { c
}
private stri
protected ov
{
writer.W
writer.W
writer.W
writer.W
}
g System;
g System.Web
g System.Web
ic partial c
protected vo
{
LogoCont
logo.Com
logo.Log
form1.Co
}
alida desead
propiedad p
goControl : W
Control()
ng LogoUrl
eturn logoU
ogoUrl va
ng logoUrl
ng CompanyNam
eturn compa
companyName
ng companyN
verride void
WriteFullBeg
Write(@"<img
Write(Compan
WriteEndTag(
b.UI;
b.UI.WebCont
class LogoCo
oid Page Ini
trol logo
mpanyName
goUrl "Nor
ontrols.Add(
Tem
da. La siguien
para la LogoU
WebControl
rl; }
lue; }
;
me
nyName; }
value; }
Name;
Render(Html
inTag("div")
src ""{0}""
yName + "<br
"div");
rols;
ntrolTest :
t(object sen
new LogoCont
"Northwind T
thwindTrader
logo);
ma C
nte es una m
Url y la Comp
lTextWriter
);
" /><br />",
r />");
System.Web.
nder, EventA
trol();
Traders";
rs.gif";
ontioles
uestra de c
panyName:
writer)
, LogoUrl);
.UI.Page
Args e)
ue Seiviu
digo que co
uoi Peison
ntiene
nalizauos
s
Aa
her
El req
comp
Para
herra
Si des
espec
un tip
Medi
acces
apare
espec
tanto
nomb
espec
// Sp
[
c
{
}
/
[
c
{
}
adir Cont
ramienta
quisito bsico
pilado en una
incorporarlo
amientas, Ele
sea que un ic
cificar una im
po de clase e
iante Toolbo
so y el nomb
ecer junto a
cificar un Typ
o el parmetr
bre especific
cificado por
pecifies the
[ToolboxBitm
class MyCont
{
}
// Specifies
[ToolboxBitm
class MyCont
{
}
trol de se
as
o para tener
a dll.
o a la barra d
egir element
cono especia
magen partic
especial que
oxBitmapAttr
bre de archivo
al control cua
pe, en cuyo c
ro Type com
cado por el p
el parmetro
e bitmap ass
map(typeof(B
trol1 : User
a bitmap f
map(@"C:\Doc
trol2 : User
Tem
ervidor P
r un control p
e herramien
os, y elegimo
al para el con
cular utilizan
se puede as
ribute, puede
o para un ma
ando se agre
caso se carga
mo una caden
armetro de
o Type.
ociated with
utton))]
Control
ile.
uments and S
Control
ma C
Personali
personalizad
ntas, con el b
os la dll del c
ntrol aparezc
do ToolboxB
ociar a otras
e especificar
apa de bits d
egue al Cuad
a el mapa de
na, el control
e cadena en e
h the Button
Settings\Joe
ontioles
zado a la
o en la barra
botn derech
control
ca en el Cuad
BitmapAttrib
s clases.
r una cadena
de 16 por 16
ro de herram
e bits asociad
l busca un re
el ensamblad
n type.
e\MyPics\myI
ue Seiviu
a barra de
a de herrami
ho en la barra
dro de herra
ute. Esta cla
a que indique
pxeles. Este
mientas. Tam
do a ese tipo
ecurso de ima
do que conti
Image.bmp")]
uoi Peison
e
ientas es que
a de
mientas, pue
se es un atri
e la ruta de
e mapa de b
mbin puede
o. Si especific
agen con el
iene el tipo
nalizauos
e est
ede
ibuto,
its
ca
s
Per
Espec
arras
De fo
etiqu
cuand
dise
atribu
en el
form
using
using
using
using
names
{
[
Borde
p
{
}
}
En el
de M
asoci
[Tool
publi
Ejem
Vamo
Simu
funci
Es de
contr
Desd
los co
sonaliza
cifica la etiqu
tra desde un
orma predete
eta vaca. s
do se arrastr
o. Para espe
uto. Puede u
diseador c
ulario.
g System;
g System.Web
g System.Web
g System.Web
space Custom
[ToolboxData
erWidth '1
public class
{
public M
{
// Y
}
}
ejemplo de
yLabel. El dis
ado a la clas
lboxData( @"
ic class Log
mplo
os a crear un
ltneamente
onara como
ecir, CustomC
roles .
e CustomCo
ontroles pers
ndo Cont
ueta predete
n cuadro de h
erminada, el
sta es la etiq
ra desde un c
ecificar valor
usar este atri
uando se arr
b;
b.UI;
b.UI.WebCont
mControls
a("<{0}:MyLab
0' runat '
MyLabel :
MyLabel()
Your code go
cdigo siguie
seador ree
se MyLabel.
<{0}:LogoCo
goControl : W
n control per
e, creados un
nuestra apli
ControlWebP
ntrolWebPa
sonalizados
Tem
trol de Se
erminada gen
herramienta
diseador v
ueta que rep
cuadro de he
res predeterm
ibuto para pe
rastra el con
rols;
bel Text 'My
server'></{0
Label
es here.
ente, el cdi
mplaza toda
ntrol runat
WebControl
sonalizado ll
n nuevo sitio
icacin consu
Pages utiliza
ges tendrem
ma C
ervidor
nerada para
s en una her
visual de una
presenta un c
erramientas
minados inic
ersonalizar e
trol desde e
yLabel' Bord
0}:MyLabel>"
go anterior e
s las aparicio
""server""
lamado Web
o web llamad
umidora o cl
r los contro
mos que hace
ontioles
un control p
rramienta co
herramient
control en su
de un disea
ciales, los con
el contenido
l cuadro de h
derColor 'Ye
")]
establece va
ones de {0} p
CompanyName
bCustomCont
do CustomCo
iente.
oles que intro
er una refere
ue Seiviu
personalizado
omo Microso
a como Visu
u estado pre
ador visual a
ntroles debe
HTML inicia
herramienta
ellow' BackC
rias propied
por el prefijo
e "" "" Logo
trol1
ontrolWebPa
oduzcamos e
encia a la dll
uoi Peison
o cuando st
oft Visual Stu
al Studio cre
determinado
a la superficie
n utilizar est
l que se inclu
s hasta el
Color 'Magen
ades especf
o de etiqueta
oUrl "" "" /
ages. Esta
en la bibliote
donde tenem
nalizauos
te se
dio.
ea una
o,
e de
te
uye
ta'
ficas
a
>")]
eca de
mos
s
Ya es
Regis
<%@ R
<body>
<f
<d
</
</
</body
Los co
decla
stamos prepa
strar el contr
Register Tag
>
form id="form
div>
<Gerardo:Se
/div>
/form>
y>
ontroles disp
arativamente
arados para
rol y Usarlo.
gPrefix "Ger
1" runat="ser
erverControl1
ponen de pro
e.
Tem
aadir el con
ardo" Namesp
ver">
ID="wcc1" ru
opiedades, a
ma C
ntrol persona
pace "Server
unat="server"
a las que pod
ontioles
alizado a la p
rControl1" A
Text="Hola Co
demos acced
ue Seiviu
pgina Web.
Assembly "Se
ontrol Persona
er mediante
uoi Peison
En dos paso
erverControl
alizado" />
e programaci
nalizauos
os:
1" %>
in o
s
Mt
Es el
ser so
El m
prote
Actu
Cada
obten
Pode
mano
direct
todo Rend
mtodo clav
obreescrito e
todo Rende
ected overri
{
outp
outp
outp
outp
}
ualizar el
vez que mo
ner la dll res
mos hacerlo
o. Una altern
tamente en
der
ve de un con
en la clase de
r utiliza el ob
de void Ren
put.AddStyleA
put.RenderBe
put.Write(Te
put.RenderEn
control
dificamos el
ultante en e
o eliminando
nativa es ens
el directorio
Tem
trol persona
erivada si qu
bjeto HtmlTe
derContents
Attribute("c
ginTag("p");
xt);
dTag();
control de la
l directorio b
y volviendo
ear a la bil
o bin del sitio
ma C
lizado. Este
ueremos tene
extWriter, pa
(HtmlTextWri
color", "fuc
;
a biblioteca
bin del sitio w
a crear la re
blioteca de c
o Web.
ontioles
mtodo se d
er el control
asado como
iter output)
chsia");
de controles
web.
eferencia, o c
controles pe
ue Seiviu
declara en la
del procesad
parmetro.
s personaliza
copiando el a
rsonalizados
uoi Peison
clase base y
do de la pg
ados, debere
archivo dll a
s a crear su d
nalizauos
y debe
ina.
mos
dll
s
Man
Vamo
[
[
p
{
}
}
Desd
ntener el e
os a agregar
[DefaultProp
[ToolboxData
public class
{
public W
{
View
}
[Bindabl
[Categor
[Default
[Localiz
public s
{
get
{
}
set
{
}
}
public i
{
get
set
}
protecte
{
outp
}
}
e la pgina c
estado
un control p
perty("Text"
a("<{0}:WebC
WebCustomC
WebCustomCon
wState["Size
e(true)]
ry("Appearan
tValue("")]
able(true)]
tring Text
String s
return ((s
ViewState["
nt Size
{ return Co
{ ViewState
ed override v
put.Write("<
contenedora
Tem
personalizado
)]
ustomControl
ontrol1 : We
trol1()
"] 1;
ce")]
(String)View
null) ? S
Text"] val
nvert.ToInt3
["Size"] v
void RenderC
font size "+
podremos c
ma C
o para aume
l1 runat ser
ebControl
wState["Text
String.Empty
lue;
32(ViewState
value; }
Contents(Htm
+Size+">" +
cambiar el va
ontioles
entar el tama
rver></{0}:W
t"];
y : s);
e["Size"]);
mlTextWriter
Text+ "</fo
alor de la pro
ue Seiviu
ao del texto
WebCustomCon
}
r output)
ont>");
opiedad Size
uoi Peison
o.
ntrol1>")]
nalizauos
s
Crea
En es
deriv
Quer
l.
names
{
[
[
p
{
}
}
Crea
Ahora
Vamo
que d
pu
{
acin de
ste caso vam
ar de un con
emos un bot
space Server
[DefaultProp
[ToolboxData
public class
{
public C
{
this
View
}
public i
{
get
{
}
set
{
}
}
protecte
{
View
this
base
}
}
acin de
a vamos a co
os a modifica
deriva de Cou
ublic class
{
private
controle
os a ampliar
ntrol existent
tn para ma
rControl1
perty("Text"
a("<{0}:Coun
CountedBut
CountedButto
.Text "Ha
wState["Coun
nt Count
return (int
ViewState["
ed override v
wState["Coun
.Text View
e.OnClick(e)
controle
ombinar 2 o
ar CountedB
untedButton
CountedButt
string Cade
Tem
es Deriva
r el comporta
te, igual que
ntener el rec
)]
tedButton ru
ton : System
n()
z Click";
t"] 0;
)ViewState["
Count"] va
void OnClick
t"] ((int)
wState["Coun
;
es Compu
ms controle
utton. Para n
n
on2 : Counte
naVisualizac
ma C
ados
amiento de u
podamos d
cuento del n
unat server>
m.Web.UI.Web
"Count"];
alue;
k(EventArgs
)ViewState["
nt"] + " cli
uestos
es existente
no complicar
edButton
cion;
ontioles
un tipo de co
derivar de un
mero de ve
></{0}:Count
bControls.Bu
e)
"Count"]) +
ick";
s.
r el cdigo cr
ue Seiviu
ontrol existe
na clase.
eces que hem
tedButton>")
utton
1;
rearemos Co
uoi Peison
nte. Podemo
mos hecho c
]
ountedButto
nalizauos
os
lic en
n2
s
}
Crea
El con
un de
x
names
{
[
[
p
{
public C
{
Cade
Init
}
//Sobrec
public C
{
this
Init
}
private
{
if (
{
}
this
}
protecte
{
View
this
base
}
protecte
{
outp
}
}
acin del
ntrol BookCo
eterminado l
INamingC
identifica
garantiza
space Server
[DefaultProp
[ToolboxData
public class
{
CountedB
public s
{
get
{
}
set
{
}
}
public i
{
get
{
}
set
{
}
}
CountedButto
enaVisualiza
tValues();
cargado, tom
CountedButto
.CadenaVisu
tValues();
void InitVa
ViewState["
ViewState["
.Text "Ha
ed override v
wState["Coun
.Text View
e.OnClick(e)
ed override v
put.Write(Te
Control C
ounter es el r
libro.
Container: Es
a a un contro
ando que tod
rControl1
perty("Text"
a("<{0}:Book
BookCounte
Button2 btn
tring BookN
return (str
ViewState["
nt Count
return btn.
btn.Count
Tem
n2()
cion "clic
a una cadena
n2(string ca
alizacion
lues()
Count"] n
Count"] 0;
z Click";
void OnClick
t"] ((int)
wState["Coun
;
void RenderC
xt);
Compuest
responsable
s una interfa
ol contenedo
dos los contr
)]
Counter runa
r : WebContr
new Counte
ame
ing)ViewStat
BookName"]
Count;
value;
ma C
cks";
a para mostr
ad)
cad;
null)
;
k(EventArgs
)ViewState["
nt"] + " " +
Contents(Htm
to BookCo
de registrar
z marcadora
or que crea u
oles hijos tie
at server></
rol, INaming
edButton2("a
te["BookName
value;
ontioles
rarla
e)
"Count"]) +
+ CadenaVisu
mlTextWriter
ounter
y mostrar e
a que no tien
n nuevo esp
enen identida
/{0}:BookCou
gContainer
accesos");
e"];
ue Seiviu
1;
ualizacion;
r output)
l nmero de
ne mtodos.
pacio de nom
ades nicas
unter>")]
uoi Peison
consultas so
Esta interfaz
mbre identific
para la pgin
nalizauos
obre
z
cador,
na.
s
}
}
Crea
Cada
Cream
slo n
El Co
perso
Book
elem
El pri
obten
clase
Asp.N
deter
cada
Book
Debe
valor
neces
propi
[Cont
publi
{
align
public v
{
btn.
}
protecte
{
Cont
}
}
acin del
uno de los o
mos otro con
necesitamos
ntrolBuilderA
onalizado de
kCounter deb
entos de la p
mer argume
ner pasando
BookCounte
NET usar es
rminar el tipo
uno de los o
kInquiryClass
emos asignar
false para in
sario seguir c
iedades del o
trolBuilder(
ic class Boo
{
protecte
{
int
Book
//Es
outp
n 'center'>"
outp
outp
//si
if (
{
}
//en
else
{
void Reset()
Count 0;
ed override v
trols.Add(bt
l control
objetos book
ntrol en la lib
s el mtodo R
Attribute Esp
ntro del ana
be asociarse
pgina aspx a
ento para el a
BookCounte
er dada una
ta clase Boo
o de objeto i
objetos Book
r al segundo
ndicar a ASP.
con el anlis
objeto exter
typeof(Book
okInquiryLis
ed override v
totalInquir
kCounter cur
cribe el en
put.Write("<
);
put.Write("<
put.Write("<
no contien
Controls.Co
output.Writ
output.Writ
n caso contr
e
//recorre l
Tem
void CreateC
n);
compue
kCounter est
brera de con
Render.
pecifica una
lizador de AS
a BookInqui
al cdigo ade
atributo Con
erBuilder, un
etiqueta llam
kCounterBui
indicado por
kCounter se i
argumento d
.NET que hem
is. Un valor f
no, sino cont
CounterBuild
t : WebContr
void Render
ies 0;
rent;
cabezado
table border
tr><td colsp
B> Inquiries
e controles,
unt 0)
e("<tr><td c
e("<b> No ha
ario, muestr
a coleccin
ma C
ChildControl
sto Book
en la colec
ntroles, llama
clase Contro
SP.NET. No s
ryClass, para
ecuado.
ntrolBuilderA
na clase que
mada BookCo
ilder, que se
r la etiqueta
nstanciarn
del atributo
mos gestiona
false indica q
troles hijo.
der)),ParseC
rol, INaming
(HtmlTextWri
r '1' width
pan '2' alig
s</B></td></
, escribe el
colspan '2'
ay libros</b
ra cada uno
de controle
ontioles
ls()
kInquiryL
ccin Contro
ado BookInq
olBuilder par
se puede her
a que Asp.Ne
Attribute es u
definiremos
ounter
deriva de Co
BookCounte
y se aadir
ControlBuild
ado los atrib
que los atrib
Children(fal
gContainer
iter output)
'90%' cellp
gn 'center'>
/tr>");
l mensaje pr
align 'cent
b></td></tr>
de los cont
es
ue Seiviu
List
ls del BookIn
quiryList, y lo
ra la creacin
redar esta cla
et pueda con
un objeto Typ
s para devolv
ontrolBuilde
er. Mediante
n a la colecc
derAttribute,
butos hijos y
utos hijos an
lse)]
padding '1'
>");
redeterminad
ter'>");
>");
troles conte
uoi Peison
nquiryList.
o modificamo
n de un cont
ase. La clase
nvertir los
pe, que pode
ver el tipo de
r, para
esta asociac
cin Controls
, ParseChildr
que no es
nidados no so
cellspacing
do
enidos
nalizauos
os,
rol
emos
e la
cin,
s de
ren, el
on
'1'
s
+ tot
}
inter
{
Syste
}
Tes
1. W
T
D
2. Y
W
th
A
D
3. Y
C
in
talInquiries
}
outp
}
}
rnal class B
{
public o
em.Collectio
{
if (
else
}
public o
{
}
}
t
Which of the
Toolbox for y
A. ToolboxIc
B. ToolboxD
C. ToolboxB
D. ToolboxCo
ou are goin
WebControl c
he browser w
A. Display
B. Paint
C. Build
D. Render
You are crea
CompositeCo
nstantiate the
A. CreateCh
B. InitChildr
// y muestr
// e indica
for (int i
{
current
totalIn
output.W
output.
current
output.
output.W
}
output.Writ
+ "</td></
put.Write("<
BookCounterB
override Typ
ons.IDiction
tagName
return type
e return nul
override voi
following a
your custom
Icon
Data
Bitmap
onfig
ng to create
class. Which
window? (Ch
ating a com
ontrol class.
e child contr
hildControls
ren
Tem
a el nombre
a cada cont
0; i < Con
(BookCoun
quiries + c
Write("<tr><
RenderBeginT
.RenderContr
RenderEndTag
Write("</tr>
e("<tr><td c
tr>");
/table>");
uilder : Con
e GetChildCo
ary attribs)
"BookCounter
of(BookCount
l;
d AppendLite
attributes ca
Web control
e a custom
h method do
hoose one.)
mposite cont
What meth
ols and set th
ma C
del libro p
trol conteni
ntrols.Count
nter)Control
current.Coun
<td align 'l
Tag("td");
rol(output);
g();
>");
colspan '2'
ntrolBuilder
ontrolType(s
)
r")
ter);
eralString(s
an be used t
l? (Choose o
Web server
you need to
trol, so you
hod must be
heir propertie
ontioles
para cada un
ido que debe
t; i++)
ls[i];
nt;
left'>" + cu
;
align 'cent
r
string tagNa
string s)
to set the im
one.)
r control th
o override to
u create a
overridden
es? (Choose
ue Seiviu
no
e mostrarse
urrent.BookN
ter'>" + "To
ame,
mage that is
hat inherits
get your co
class that i
so you can
one.)
uoi Peison
Name + "</td
otal Consult
s displayed i
directly from
ontrol to disp
inherits from
n provide co
nalizauos
>");
as: "
in the
m the
play in
m the
ode to
s
C. BuildChil
D. RenderCh
ldControls
hildren
Temma Contioles ue Seiviuuoi Peison nalizauos
s
AApliicaccio
Te
Co
ue
va

M
ne
con
ema
onti
e
aliu
MC
s
n .N
a
ioles
acio
CTS:
Web
NET
3
s
on
:
b
T
5
Te
Intr
Los co
usuar
comp
refer
Cuan
una p
indica
valida
de va
Paso
1
2
3
4
5
6
Dispo
todos
El obj
pgin
ema
roduccin
ontroles de v
rio en una p
probacin de
encia a un co
do se proces
pgina), el co
ar si han pas
acin, se est
alidacin ha p
os a realiz
1. Arrastrar
2. Dar nomb
3. Establece
que se qu
4. Establece
error de v
5. Copiar el
6. Establece
cuando e
onemos de u
s los errores
jeto Page dis
na.
Con
n a los co
validacin AS
gina web. E
e un intervalo
ontrol de ent
san los datos
ontrol de val
sado la comp
ablece una p
producido un
zar para v
el Control d
bre al contro
er la propied
uiere Validar
er la propied
validacin qu
valor de la p
er la propied
el control no
un control Va
de validaci
spone de una
ntiole
ontroles d
SP.NET perm
Existen contr
o o la compa
trada (un co
s proporcion
idacin com
probacin. U
propiedad en
n error.
validar un
e Validar al
ol de Validar
ad ControlTo
r
ad ErrorMes
ue ha tenido
propiedad Er
ad Text a un
es vlido
alidationSum
n producido
a coleccin V
es ue
de valida
miten compro
oles para dis
aracin de m
ntrol de serv
ados por el
prueba dicho
na vez que s
n la pgina q
n control
Formulario
oValidate, pa
ssage, para d
o lugar
rrorMessage
na cadena co
mmary el cua
os en la pgin
Validators co
Tema
valiu
acin de A
obar los dato
stintos tipos
modelos. Cada
vidor) situad
usuario (por
os datos y es
e ha llamado
ue indica si a
ara enlazar e
dar un mensa
a la propied
rta, normalm
l agrupara e
na.
on todos los
Conti
uacio
ASP.NET
os proporcio
de validaci
a control de
o en otra pa
ejemplo, cu
stablece una
o a todos los
alguna de las
el control de
aje al usuario
dad ToolTip
mente * , par
en una misma
controles de
ioles ue v
n
nados por e
n, como la
validacin h
rte de la pg
ando se env
propiedad p
s controles d
s comprobac
Validar al co
odescriptivo
ra mostrar
a localizaci
e validacin d
valiuacion
l
hace
gina.
va
para
e
ciones
ontrol
del
n
de la
n
Tamb
pgin
valida
algun
Los co
contr
de er
La va
valida
del la
("Upl
propi
valida
Base
Clase
Propi
Contr
Displ
Enab
Error
IsVal
Req
El con
neces
Un co
(cont
Requ
Para
1
2
3
bin tenemo
na. Por defec
acin han va
no no haya v
ontroles tien
rol en cuesti
rror posicion
lidacin del
acin de nive
ado del client
evel" fuerza
iedad Enable
acin del lad
eValidato
e de la que he
iedad
rolToValidat
ay
leClientSide
rMessage
id
quiredFie
ntrol Require
sario.
ontrol Requi
trol). Agregu
iredFieldVal
agregar un c
1. Arrastre e
a la pgin
2. En la vista
secundar
3. En el pan
con el co
ControlTo
s un mtodo
cto, este mt
alidado con
alidado con
nen un mto
n. Un contr
ar el foco en
lado del clie
el superior se
te, establece
la validacin
eClientScript
do cliente pa
or
eredan los co
te
eScript
eldValida
edFieldValida
redFieldValid
e el control q
idator para p
control Requ
el control Re
na.
a Diseo, sel
rio en el mism
el de tareas
ntrol Require
oValidate.
o Validate() p
todo es llama
xito la propi
xito.
odo Focus, el
rol de Validac
n un control d
nte est per
e realizar d
eremos la pro
n del lado cli
t de un contr
ra dicho con
ontroles de v
ator
ator garantiz
dator funcio
que desee va
poder as aso
uiredFieldVa
equiredFieldV
leccione el c
mo y haga cl
Propiedades
edFieldValid
para checkea
ado automt
iedad IsValid
cual puede
cin tiene el
determinado
mitida por d
e forma auto
opiedad Clie
iente). De fo
rol de validac
trol.
validacin.
Desc
Cont
None
False
Mens
Estad
za que el usu
na junto con
alidar a la p
ociarlos fcil
alidator a un
Validator de
ontrol Requi
ic en Propied
s de etiqueta
ator en el m
Tema
ar todos los c
ticamente. S
d tendr el va
ser llamado
mtodo Set
o
efecto. Si el
omtica. Par
entTarget de
rma alternat
cin a "false
ripcin
rol a validar
e,Static o Dyn
e para deshab
saje de error
do de validac
uario no omit
n otro contro
gina antes d
mente.
a pgina
l panel de ta
iredFieldVali
dades en el m
a, seleccione
en despleg
Conti
controles de
Si todos los c
alor true, fals
para estable
tFocusOnErro
cliente lo pe
ra deshabilita
la pgina a "
tiva, podemo
" para desha
namic
bilitar la vali
r
cin del cont
te ningn ca
ol, por ejemp
de agregar el
reas Cuadro
dator, haga
men contex
e el control q
gable de prop
ioles ue v
validacin d
ontroles de
se encaso de
ecer el foco e
or para en ca
ermite, la
ar la validaci
"Downlevel"
os establece
abilitar la
dacin de cli
trol
ampo de entr
plo un TextBo
control
de herramie
clic con el bo
xtual.
que desea va
piedades de
valiuacion
de la
e que
en el
aso
n
"
r la
iente
rada
ox
entas
otn
lidar
n
4
5
Bas
Clase
estab
x
x
x
x
x
Com
El con
const
que,
Un co
TextB
Comp
Para
1
2
3
4
5
6
4. Establezc
usuario d
5. Si va a us
validacin
controles
del grupo
seCompar
e base para e
blece el tipo
Currency
Date. Fec
Double. S
Integer. S
String. St
mpareVal
ntrol Compa
tante, con el
igual que o m
ontrol Comp
Box (control)
pareValidato
agregar un c
1. Arrastre e
pgina.
2. En la vista
secundar
3. En el pan
con el co
ControlTo
4. Establezc
que dese
5. Establezc
GreaterT
6. Si va a us
validacin
ca la propied
deje el contro
ar un contro
n, establezca
s de validaci
o tengan el m
reValidat
el CompareV
de datos par
. Se valida co
cha numrica
System.Doub
System.Int32
ring
lidator
reValidator c
valor de otr
mayor que) o
areValidator
). Agregue el
or para pode
control Com
el control Co
a Diseo, sel
rio en l y ha
el de tareas
ntrol Regula
oValidate.
ca la propied
a comparar.
ca la propied
han, GeaterT
ar un contro
n, establezca
ad ErrorMes
ol en blanco.
ol ValidationS
a la propieda
n. Puede se
mismo valor.
tor
alidator y el
ra la compar
omo un Deci
a
ble
2
compara los
ro control (m
o para un tip
r funciona co
control que
r as asociarl
pareValidat
ompareValid
leccione el c
ga clic en Pr
Propiedades
rExpressionV
ad ControlTo
ad Operator
ThanEqual, L
ol ValidationS
a la propieda
ssage en el t
.
Summary pa
ad Validation
er cualquier c
RangeValida
racin
mal y se per
datos propo
mediante un o
po de datos e
onjuntament
desee valida
lo a Compare
or a una pg
ator del pan
ontrol Comp
opiedades e
s de etiqueta
Validator en
oCompare o
r en la compa
LessThan, Les
Summary pa
ad Validation
Tema
exto que des
ra consolida
nGroup en el
cadena, siem
ator. Contien
rmite moned
orcionados p
operador de
especfico.
te con otro c
ar a la pgin
eValidator f
gina
el de tareas
pareValidato
n el men co
a, seleccione
el men des
ValueToCom
aracin que
ssThanEqual
ra consolida
nGroup en el
Conti
sea que apar
ar los mensaj
l nombre del
mpre que tod
ne la propied
da y decimale
por el usuario
comparaci
ontrol, por e
a antes de ag
cilmente.
Cuadro de h
r, haga clic c
ontextual.
e el control q
splegable de
mpare en el c
desea usar:
l o DataType
ar los mensaj
l nombre del
ioles ue v
rezca cuando
jes de error d
l grupo de
dos los contro
dad Type que
es
o con un valo
n como men
ejemplo, un
gregar el con
herramientas
con el botn
que desea va
propiedade
control o val
Equal, NotEq
eCheck.
jes de error d
l grupo de
valiuacion
o un
de
oles
e
or
nor
ntrol
s a la
lidar
s de
lor
qual,
de
n
Ran
El con
dentr
entre
El con
(cont
Rang
Para
1
2
3
4
5
Reg
El con
coinc
comp
corre
Un co
un Te
contr
fcilm
Para
controles
del grupo
ngeValida
ntrol RangeV
ro de los lm
e pares de n
ntrol RangeV
trol). Agregu
eValidator p
agregar un c
1. Arrastre e
hasta la p
2. En la vista
secundar
3. En el pan
con el co
ControlTo
4. Configure
mnimo,
validando
5. Si va a us
validacin
controles
del grupo
gularExpr
ntrol Regular
ciden con un
probar secue
eo electrnic
ontrol Regula
extBox (cont
rol RegularEx
mente.
agregar un c
s de validaci
o tengan el m
ator
Validator com
ites superior
meros, cara
Validator fun
e el control q
para poder as
control Rang
el control Ra
pgina.
a Diseo, sel
rio en el mism
el de tareas
ntrol RangeV
oValidate.
e las propied
respectivam
o.
ar un contro
n, establezca
s de validaci
o tengan el m
ressionV
rExpressionV
modelo def
encias de car
o, nmeros
arExpression
rol). Agregue
xpressionVal
control Regu
n. Puede se
mismo valor.
mprueba que
r e inferior es
acteres alfab
nciona conjun
que desee va
s asociar Ra
geValidator a
angeValidato
leccione el c
mo y haga cl
Propiedades
Validator en
dades Maxim
ente, que de
ol ValidationS
a la propieda
n. Puede se
mismo valor.
Validator
Validator com
inido por un
racteres pred
de telfono,
nValidator fu
e el control q
idator para p
ularExpressio
er cualquier c
e los datos p
specificados
ticos y fech
ntamente co
alidar en la p
ngeValidato
a una pgina
or desde el pa
ontrol Range
ic en Propied
s de etiqueta
el men des
mumValue y M
esea pueda e
Summary pa
ad Validation
er cualquier c
mprueba que
a expresin
decibles, com
cdigos pos
nciona conju
que desee va
poder as aso
onValidator
Tema
cadena, siem
roporcionad
. Se pueden
has.
on otro contr
pgina antes
r con aqul f
a
anel de tarea
eValidator, h
dades en el m
a, seleccione
splegable de
MinimumVa
escribir un us
ra consolida
nGroup en el
cadena, siem
e los datos p
regular. Este
mo las que ap
stales, etc.
untamente c
alidar a la p
ociarlo a Reg
a una pgin
Conti
mpre que tod
dos por el usu
comprobar l
rol, por ejem
de agregar e
fcilmente.
as Cuadro de
haga clic con
men contex
e el control q
propiedade
lue en los va
suario en el c
ar los mensaj
l nombre del
mpre que tod
roporcionad
e tipo de vali
parecen en la
con otro cont
gina antes d
gularExpress
a
ioles ue v
dos los contro
uario estn
los intervalo
mplo, TextBox
el control
e herramient
el botn
xtual.
que desea va
s de
alores mxim
control que e
jes de error d
l grupo de
dos los contro
dos por el usu
dacin perm
as direccione
trol, por ejem
e agregar el
ionValidator
valiuacion
oles
s
x
tas
lidar
mo y
est
de
oles
uario
mite
es de
mplo,
r
n
1
2
3
4
5
Cus
El con
lgica
deriv
El con
TextB
Custo
Para
1
2
3
4
5
1. Arrastre e
herramie
2. En la vista
botn sec
3. En el pan
con el co
ControlTo
4. Establezc
coincidir
5. Si va a us
validacin
controles
del grupo
tomValid
ntrol Custom
a de validaci
ados en tiem
ntrol Custom
Box (control)
omValidator
agregar un c
1. Arrastre e
hasta la p
2. En la vista
secundar
3. En el pan
con el co
ControlTo
4. Para valid
el nombr
5. Si va a us
validacin
controles
del grupo
el control Re
entas a la pg
a Diseo, sel
cundario en
el de tareas
ntrol Regula
oValidate.
ca la propied
el texto del c
ar un contro
n, establezca
s de validaci
o tengan el m
dator
mValidator co
n que ha es
mpo de ejecu
mValidator fu
). Agregue el
para poder
control Cust
el control Cu
pgina.
a Diseo, sel
rio en l y ha
el de tareas
ntrol Custom
oValidate.
dar el contro
re de la funci
ar un contro
n, establezca
s de validaci
o tengan el m
egularExpres
gina.
leccione el c
l y haga clic
Propiedades
rExpressionV
ad Validatio
control para
ol ValidationS
a la propieda
n. Puede se
mismo valor.
omprueba lo
scrito. Este t
ucin.
unciona conj
control que
as asociar C
omValidator
ustomValidat
leccione el c
ga clic en Pr
Propiedades
mValidator en
ol en el explo
n de JavaSc
ol ValidationS
a la propieda
n. Puede se
mismo valor.
sionValidato
ontrol Regul
c en Propied
s de etiqueta
Validator en
nExpression
ser vlido.
Summary pa
ad Validation
er cualquier c
os datos prop
ipo de valida
untamente c
desee valida
CustomValida
r a una pgin
tor desde el
ontrol Custo
opiedades e
s de etiqueta
n el men de
orador client
cript que se
Summary pa
ad Validation
er cualquier c
Tema
or del panel d
arExpression
ades en el m
a, seleccione
el men des
en la expres
ra consolida
nGroup en el
cadena, siem
porcionados
acin permit
con otro con
ar a la pgin
ator fcilmen
na
panel de tar
omValidator,
n el men co
a, seleccione
esplegable d
e, establezca
usar en la v
ra consolida
nGroup en el
cadena, siem
Conti
de tareas Cu
nValidator, h
men context
e el control q
splegable de
sin regular c
ar los mensaj
l nombre del
mpre que tod
por el usuar
e comproba
trol, por ejem
a antes de ag
nte.
eas Cuadro d
haga clic co
ontextual.
e el control q
e propiedad
a ClientValid
validacin.
ar los mensaj
l nombre del
mpre que tod
ioles ue v
adro de
haga clic con
tual.
que desea va
propiedade
con la que d
jes de error d
l grupo de
dos los contro
rio utilizando
r valores
mplo, el con
gregar el con
de herramie
n el botn
que desea va
es de
ationFunctio
jes de error d
l grupo de
dos los contro
valiuacion
el
lidar
s de
eber
de
oles
o la
trol
ntrol
ntas
lidar
on en
de
oles
n
Vali
La pr
valida
y en e
Wiza
encue
anter
Valid
sido l
SetF
Otra
valida
Ejem
<%@ Pa
<!DOCT
"http
<html
<head
<t
fu
{
v
/
a
idation G
opiedad Vali
acin diferen
el botn o en
rd, MultiVie
entran en el
riores). Page
date("group"
llamados a V
FocusOnE
caracterstic
acin y hace
mplo
age Language=
TYPE html PUBL
://www.w3.org
xmlns="http:
runat="serve
title>Untitled
<script langu
unction Valida
var data = arg
//start by set
arguements.IsV
Groups
idationGrou
ntes en la mi
n otro contro
ew o controle
grupo "" (gr
nos proporc
"). Page.IsVa
Validate .
Error
ca nueva de A
que el prim
"C#" AutoEven
LIC " //W3C//
/TR/xhtml1/DT
//www.w3.org/
r">
d Page</title
uage="javascr
atePassword(s
guements.Valu
tting false
Valid=false;
p se utiliza c
isma pgina.
ol "postback
es de datos (
rupo por defe
ciona adem
alid refleja la
ASP.NET 2.0
er control in
tWireup="true
DTD XHTML 1.0
D/xhtml1 tran
1999/xhtml">
>
ipt" type="te
ource, arguem
e.split('');
cuando el usu
. Establecere
k" que cause
(edicin). Po
ecto), para c
s los mtodo
validez de to
es SetFocusO
vlido reciba
e" CodeFile="D
0 Transitional
nsitional.dtd"
ext/javascript
ments)
Tema
uario quiere
emos el nom
la validacin
r defecto, to
compatibilida
os GetValida
odos los con
OnError que
a el foco.
Default.aspx.c
l//EN"
">
t">
Conti
tener escen
bre del grup
n. sto es ti
odos los valid
ad haca atr
ators("group
ntroles (acum
e se establece
cs" Inherits=
ioles ue v
narios de
o en el valid
l con contro
dadores se
s (con versio
p") y
mulativa) que
e en controle
" Default" %>
valiuacion
ador
les
ones
e han
es de
n
/
i
/
v
f
i
/
v
f
i
/
v
f
i
/
a
}
</
</head
<body>
<f
Contro
requir
ID="Re
Displa
Width=
Contro
requir
Client
least
OnServ
Width=
Contro
//check length
if(data.length
//check for up
var uc = false
for(var c in d
{
if(data[c]
{
uc=true
}
}
if(!uc) return
//check for lo
var lc = false
for(var c in d
{
if(data[c]
{
lc=true
}
}
if(!lc) return
//check for nu
var num = fal
for(var c in d
{
if(data[c]
{
num=true
}
}
if(!num) retu
//must be val
arguements.IsV
/script>
d>
>
form id="form
<table bord
<tr>
<td
<td
olToValidate=
red.">*</asp:R
egularExpress
ay="Dynamic" V
</tr>
<tr>
<td
<td
="150px"></asp
olToValidate=
red.">*</asp:R
tValidationFun
1 upper, 1 lo
verValidate="C
</t
</tr>
<tr>
<td
<td
="150px"></asp
olToValidate=
h
h < 6 || data
ppercase
e;
data)
>= 'A' && da
; break;
n;
owercase
e;
data)
>= 'a' && da
; break;
n;
umeric
se;
data)
>= '0' && da
e; break;
rn;
id
Valid=true;
1" runat="ser
der="0">
d>
User Name:<
d>
<asp:TextBo
<asp:Requir
"txtUser"
Display
RequiredField
ionValidator1
ToolTip
ValidationExp
d>
Password:</
d>
<asp:TextBo
p:TextBox>
<asp:Requir
"txtPassword"
Display
RequiredField
nction="Valid
Control
ower, and 1 n
ToolTip
CustomValidat
td>
d>
Confirm Pas
d>
<asp:TextBo
p:TextBox>
<asp:Requir
"txtConfirm"
.length > 14)
ta[c] <= 'Z')
ta[c] <= 'z')
ta[c] <= '9')
ver">
/td>
x ID="txtUser
edFieldValida
y="Dynamic" Er
dValidator><as
" runat="serv
="Must be 6 1
ression="\w{6
td>
x ID="txtPass
edFieldValida
y="Dynamic" Er
dValidator><as
datePassword"
ToValidate="t
umber"
="Must be 6 1
or1 ServerVal
sword:</td>
x ID="txtConf
edFieldValida
return;
r" runat="serv
ator ID="Requi
rrorMessage="U
sp:RegularExpr
ver" ErrorMess
14 of A Z, a z
6,14}">*</asp:
sword" runat="
ator ID="Requi
rrorMessage="P
sp:CustomValid
txtPassword" E
14 charactors,
lidate" Displa
firm" runat="s
ator ID="Requi
Tema
ver" Width="15
iredFieldValid
User name is r
ressionValidat
sage="Must be
z, 0 9 or " C
:RegularExpres
"server" TextM
iredFieldValid
Password is re
dator ID="Cust
ErrorMessage="
, at least 1 u
ay="Dynamic">*
server" TextMo
iredFieldValid
Conti
50px"></asp:Te
dator1" runat=
required." Too
tor
6 14 of A Z,
ControlToValid
ssionValidator
Mode="Password
dator2" runat=
equired." Too
tomValidator1
"Must be 6 14
upper, 1 lower
*</asp:CustomV
ode="Password
dator3" runat=
ioles ue v
extBox>
="server"
olTip="User n
a z, 0 9 or
date="txtUser
r></td>
d"
="server"
lTip="Passwor
" runat="serv
charactors,
r, and 1 numb
Validator>&nb
"
="server"
valiuacion
ame is
"
"
d is
ver"
at
er"
sp;
n
ToolTi
ID="Co
Confir
match
Contro
requir
ID="Re
ToolTi
</
</body
</html
using
using
using
using
using
using
using
using
using
public
{
pr
{
}
pr
{
ip="Confirm pa
ompareValidato
rm Password mu
.">*</asp:Comp
</tr>
<tr>
<td
<td
olToValidate=
red.">*</asp:R
egularExpress
ip="Must be fo
</tr>
</table>
<br />
<asp:Button
<br />
<br />
<asp:Valida
/form>
y>
l>
System;
System.Data;
System.Config
System.Web;
System.Web.Se
System.Web.U
System.Web.U
System.Web.U
System.Web.U
c partial cla
rotected void
rotected void
string data
//start by
args.IsVal
//check len
if (data.Le
//check fo
bool uc =
foreach (ch
{
if (c >
{
uc
}
}
if (!uc) re
//check fo
bool lc =
foreach (ch
{
if (c >
{
lc
}
}
if (!lc) re
//check fo
bool num =
foreach (ch
{
if (c >
Display
assword is re
or1" runat="s
Control
ust match."
ToolTip
pareValidator
d>
Zip Code:</
d>
<asp:TextBo
<asp:Requir
"txtZip"
Display
RequiredField
ionValidator2
Display
ormatter as 9
Validat
n ID="Button1
ationSummary
guration;
ecurity;
I;
I.WebControls
I.WebControls
I.HtmlControl
ss Default :
Page Load(ob
CustomValida
a = args.Valu
setting fals
id = false;
ngth
ength < 6 ||
r uppercase
false;
har c in data
>= 'A' && c <
= true; brea
eturn;
r lowercase
false;
har c in data
>= 'a' && c <
= true; brea
eturn;
r numeric
false;
har c in data
>= '0' && c <
y="Dynamic" Er
quired.">*</a
erver" Contro
ToValidate="t
="Password an
></td>
td>
x ID="txtZip"
edFieldValida
y="Dynamic" Er
dValidator><as
" runat="serv
y="Dynamic" Er
9999 or 99999
ionExpression
" runat="serv
ID="Validatio
;
.WebParts;
s;
System.Web.U
ject sender,
tor1 ServerVa
e;
e
data.Length >
)
= 'Z')
k;
)
= 'z')
k;
)
= '9')
rrorMessage="C
asp:RequiredFi
olToCompare="t
txtConfirm" Di
nd Confirm Pas
" runat="serve
ator ID="Requi
rrorMessage="Z
sp:RegularExpr
ver" ControlTo
rrorMessage="M
9 9999"
n="\d{5}( \d{4
ver" Text="Sub
onSummary1" ru
UI.Page
EventArgs e)
alidate(object
> 14) return;
Tema
Confirm passwo
ieldValidator>
txtPassword"
isplay="Dynami
ssword must
er" Width="150
iredFieldValid
Zip code is re
ressionValidat
oValidate="txt
Must be format
4})?">*</asp:R
bmit" />
unat="server"
t source, Serv
Conti
ord is require
><asp:CompareV
ic" ErrorMessa
0px"></asp:Tex
dator4" runat=
equired." Too
tor
tZip"
tter as 99999
RegularExpres
Width="312px
verValidateEve
ioles ue v
ed."
Validator
age="Password
xtBox>
="server"
lTip="Zip cod
or 99999 999
sionValidator
" />
entArgs args)
valiuacion
d and
de is
9"
></td>
n
}
}
Tes
1. Yo
input
2. Yo
contr
of the
the c
have
inval
3. Yo
want
provi
the c
{
num
}
}
if (!num)
//must be v
args.IsVal
t
ou prompt th
t?
A. Provid
/DbLooku
B. Provid
set the Ma
C. Provid
D. Provid
side funct
ou created a
rols. This pa
e client-side
ode in the C
valid data.
lid data exis
A. In the
pages IsV
B. In the
property a
C. Re-ena
D. Add th
ou have crea
t to provide
ide the deta
ontrol and l
A. Set th
ErrorMes
the Web p
B. Set th
set the Te
Web page
C. Set the
ErrorMes
the Web p
D. Set the
Text prop
page.
m = true; bre
return;
valid
id = true;
he user to en
de a Regular
up{code}.
de a RangeVa
MaxVaue prop
de a CustomV
de a Compar
tion that perf
a Web page t
age also cont
e validation
Click event h
How can yo
ts?
e Click even
Valid proper
e Load event
and exit the m
able the clien
he runat="ser
ated an elab
a detailed m
ailed messag
list the detai
he Text prop
ssage propert
page.
e ErrorMess
ext property
e.
e ToolTip pr
ssage propert
page.
e ToolTip pr
perty to an a
ak;
nter a code t
rExpressionV
Validator to a
perty to DbLo
Validator wit
reValidator a
forms a datab
that contain
tains Button
and noticed
handler was
ou best solve
nt handler me
rty and exit th
t handler me
method if thi
nt-side script
rver" attribut
orate Web p
message for e
e next to eac
iled error m
perty of the
ty to an aste
sage property
to an asterisk
roperty of th
ty to an aste
roperty of th
asterisk. Plac
that exists in
Validator and
and set the M
ookup(code)
th server-sid
and set the co
base lookup
ns many con
n controls th
d that when y
executing e
e this proble
ethod for ea
he method if
ethod of the
is property is
t to disable P
te to all of th
page that co
each validat
ch control. W
messages at t
validator co
erisk. Place a
y of the vali
k. Place a Va
he validator c
erisk. Place a
he validator c
ce a Validatio
Tema
n the databas
d set the Val
MinValue pro
.
de code to sea
ompare expre
of the code.
trols that ar
hat perform
you clicked
ven when so
em to ensure
ach of your B
f this propert
e Web page,
s false.
PostBack unt
he validation
ontains many
tion error, b
What can yo
he top of th
ontrol to the
a ValidationS
idator contro
alidationSum
control to the
a ValidationS
control to the
onSummary
Conti
se. How can
lidationExpr
operty to DbL
arch the data
ession to the
re validated
PostBacks.
any of the B
ome of the c
e code is not
Button contr
ty is false.
, test the W
il valid data
controls.
y validated
but you don
ou do to ind
e Web page
detailed me
Summary co
ol to the deta
mmary contro
e detailed m
Summary co
e detailed m
control at th
ioles ue v
n you validat
ression prope
Lookup(code
abase for the
e name of a s
using valid
You disable
Button contr
controls did
t executed w
rols, test the
eb pages Is
exists.
controls. Yo
t have spac
dicate an err
?
essage and s
ontrol at the t
ailed messag
ol at the top
essage and s
ontrol at the t
message and s
he top of the
valiuacion
te this
erty to
e) and
code.
erver-
ation
ed all
rols,
not
when
e Web
sValid
ou
ce to
or at
set the
top of
ge and
of the
set the
top of
set the
e Web
n
Exp
Carac
Carac
Regu
.
$
^
{}
[]
()
|
*
+
?
\
presiones
cter (s) Si
cteres
lares
To
co
co
sig
Co
Co
co
ca
Co
co
cu
Ut
ho
Ut
[a
ut
en
Ut
or
Si
cu
Co
ce
Co
pe
Co
hh
Ca
an
lit
h\
si
s Regular
gnificado
odos los cara
on ellos mism
on cualquier
gnificado esp
orresponde c
orresponde c
orrespondera
adena. Esto c
orresponde c
orchetes([]),
ualquier cara
tilizado para
ola{2} hara m
tilizado para
aeiou] corres
tilizar el gui
n miniscula,
tilizado para
rden de prec
ginifica un o
ualquiera de
oncuerda co
ero o mas oc
oncuerda co
ero no con o
oncuerda co
hola.
aracter de es
nteriormente
teralmente. P
\\\ola u hhho
estan prece
res
acteres a exc
mos. En otras
cadena con
pecial.
con cualquie
con patrones
a con la cade
corresponde
con un patro
^ significa n
acter que no
a especificar
match con la
a establecer c
spondera con
n para estab
de la a a la z
a agrupar cad
cedencia en o
lgico. (hola
las cadenas
n ninguna o
currencias de
n una o ms
ola.
n cero o una
scape. Cuand
e, estan prec
Por ejemplo,
ola. Adiciona
didos por un
cepcin de .,
s palabras, la
el texto hola
er unico cara
s al final de u
ena hola solo
era si decimo
on al inicio de
no. Por ejem
se encuentr
una cierta ca
cadena hello
cualquiera d
n cualquiera
blecer rango
.
denas. Simila
operaciones
a)|(HOLA) sig
hola or HOL
mas ocurren
e la letra h, s
ocurrencias
a ocurrencia
do cualquier
cedidos por u
, h\*ola enca
almente, cier
n backslash.
Tema
$, ^, {, [, (, |
a expresin r
a. Los caract
cter.
una cadena.
o cuando se
os hola, pero
e una cadena
mplo [^aeiou]
re en la lista
antidad de ca
ohello. aye{2
e un grupo d
de las letras
s. [az] corre
ar utilizar par
.
ginifca que p
LA."
ncias. h*ola s
eguida por la
s. h+ola conc
h?ola concu
a de los cara
un backslash
aja con la cad
rtos caracter
Conti
, ), *, +, ?, y \
regular hola
eres excluido
Por ejemplo
encuentre a
no sera asi s
a. Similar a $
] siginifica c
aracteres. Po
2} correspon
de caracteres
s a,e,i,o,u. Ta
espondera co
rentesis para
puede coinci
significa que
as letras ola.
cuerda con h
uerda con ola
acteres espec
h, estos se co
dena h*ola p
res tienen sig
ioles ue v
\ son compa
corresponde
os tienen un
o, $hola,
l final de una
si decimos ho
$. Cuando se
corresponde
or ejemplo
dera con aye
s. Por ejemp
ambien se pu
on cualquier
a cambiar el
dir con con
e concuerda
."
ola y hhhhol
a y hola, per
ciales vistos
omparan
pero no con
gnificado esp
valiuacion
arados
era
n
a
ola?.
e usan
con
eaye.
plo,
uede
letra
a con
la,
ro no
pecial
n
Ejem
<html>
<head>
<s
</s
</head
<body>
<h3><f
<form
<t
<t
Names=
</
<t
</
<t
mplo 1
>
>
script languag
void Valida
if (Page
lblOu
}
else {
lblOu
}
}
script>
d>
>
font face="Ve
runat="serve
table bgcolor=
tr valign="top
<td colspan=
<asp:Label
="Verdana" Fon
</td>
/tr>
tr>
<td colspan=
<font face=Ve
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:RadioB
<asp:Li
<asp:Li
</ASP:Radio
</td>
ge="C#" runat
ateBtn Click(
e.IsValid ==
utput.Text =
utput.Text =
rdana">Simple
r">
="#eeeeee" ce
p">
3>
ID="lblOutpu
nt Size="10"
3>
erdana size=2
ght>
=Verdana size
ButtonList id
istItem>Maste
istItem>Visa<
oButtonList>
=server>
Object Sender
true) {
"Page is Vali
"Some of the
RequiredFiel
llpadding=10>
ut" Text="Fill
runat=server
><b>Credit Ca
=2>Card Type:
d=RadioButtonL
rCard</asp:Li
</asp:ListItem
r, EventArgs E
id!";
required fiel
ld Validator S
>
l in the requi
/><br>
ard Informatio
</font>
List1 RepeatLa
istItem>
m>
Tema
E) {
lds are empty"
Sample</font><
ired fields be
on</b></font>
ayout="Flow" r
Conti
";
</h3>
elow" ForeColo
runat=server>
ioles ue v
or="red" Font
valiuacion
t
n
</
<t
</
<t
</
<t
</
</
</form
</body
</html
Ejem
<%@ Pa
<html>
<head>
<s
<td align=mid
<asp:Requir
Control
Display
Initial
*
</asp:Requi
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:TextBo
</td>
<td>
<asp:Requir
Control
Display
Width=
*
</asp:Requi
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:DropDo
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
</ASP:DropD
</td>
<td>
<asp:Requir
ControlTo
Display=
InitialVa
*
</asp:Requi
</td>
<td>
/tr>
tr>
<td></td>
<td>
<ASP:Button
</td>
<td></td>
/tr>
/table>
m>
y>
l>
mplo 2 (V
age ClientTarg
>
>
script languag
ddle rowspan=
redFieldValid
lToValidate="
y="Static"
lValue="" Wid
iredFieldVali
ght>
=Verdana size
ox id=TextBox
redFieldValid
lToValidate="
y="Static"
"100%" runat=
iredFieldVali
ght>
=Verdana size
ownList id=Dr
istItem></asp
istItem >06/0
istItem >07/0
istItem >08/0
istItem >09/0
istItem >10/0
istItem >11/0
istItem >01/0
istItem >02/0
istItem >03/0
istItem >04/0
istItem >05/0
istItem >06/0
istItem >07/0
istItem >08/0
istItem >09/0
istItem >10/0
istItem >11/0
istItem >12/0
DownList>
redFieldValid
oValidate="Dr
"Static"
alue="" Width
iredFieldVali
n id=Button1
Validaci
get=UpLevel %
ge="C#" runat
1>
dator id="Requ
RadioButtonLi
dth="100%" run
dator>
=2>Card Numbe
x1 runat=serve
dator id="Requ
TextBox1"
=server>
dator>
=2>Expiration
ropDownList1 r
p:ListItem>
0</asp:ListIt
0</asp:ListIt
0</asp:ListIt
0</asp:ListIt
0</asp:ListIt
0</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
dator id="Requ
ropDownList1"
h="100%" runat
dator>
text="Validat
n del lad
>
=server>
uiredFieldVali
ist1"
nat=server>
er:</font>
er />
uiredFieldVali
n Date:</font>
runat=server>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
uiredFieldVali
t=server>
te" OnClick="V
do del Cli
Tema
idator1"
idator2"
>
idator3"
ValidateBtn_Cl
iente)
Conti
lick" runat=se
ioles ue v
erver />
valiuacion
n
</s
</head
<body>
<h3><f
<form
<t
<t
ForeCo
</
<t
</
<t
runat=
</
<t
</
<t
void Page L
if (!I
//
Va
}
}
void Valida
if (Page
lblOu
}
else {
lblOu
}
}
script>
d>
>
font face="Ve
runat="serve
table bgcolor=
tr valign="top
<td colspan=
<asp:Label
olor="red" Fon
</td>
/tr>
tr>
<td colspan=
<font face=Ve
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:RadioB
=server>
<asp:Li
<asp:Li
</ASP:Radio
</td>
<td align=mid
<asp:Requir
Control
ErrorMe
Display
Initial
Width=
</asp:Requi
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:TextBo
</td>
<td>
<asp:Requir
Control
ErrorMe
Display
Width=
</asp:Requi
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:DropDo
<asp:Li
<asp:Li
<asp:Li
<asp:Li
Load() {
sPostBack) {
Validate int
lidate();
ateBtn Click(
e.IsValid ==
utput.Text =
utput.Text =
rdana">Client
r">
="#eeeeee" ce
p">
3>
ID="lblOutpu
nt Names="Ver
3>
erdana size=2
ght>
=Verdana size
ButtonList id
istItem>Maste
istItem>Visa<
oButtonList>
ddle rowspan=
redFieldValid
lToValidate="
essage="*"
y="Static"
lValue=""
"100%">
iredFieldVali
ght>
=Verdana size
ox id=TextBox
redFieldValid
lToValidate="
essage="*"
y="Static"
"100%">
iredFieldVali
ght>
=Verdana size
ownList id=Dr
istItem></asp
istItem >06/0
istItem >07/0
istItem >08/0
ially to forc
Object Sender
true) {
"Page is Vali
"Some of the
Side Require
llpadding=10>
ut" Name="lblO
rdana" Font Si
><b>Credit Ca
=2>Card Type:
d=RadioButtonL
rCard</asp:Li
</asp:ListItem
1>
dator id="Requ
RadioButtonLi
dator>
=2>Card Numbe
x1 onchange="C
dator id="Requ
TextBox1"
dator>
=2>Expiration
ropDownList1 o
p:ListItem>
0</asp:ListIt
0</asp:ListIt
0</asp:ListIt
ce *s to appea
r, EventArgs E
id!";
required fiel
edFieldValidat
>
Output" Text="
ize="10" runat
ard Informatio
</font>
List1 RepeatLa
istItem>
m>
uiredFieldVali
ist1"
er:</font>
ClientOnChange
uiredFieldVali
n Date:</font>
onchange="Clie
tem>
tem>
tem>
Tema
ar before the
E) {
lds are empty"
tor Sample</fo
"Fill in the r
t=server /><br
on</b></font>
ayout="Flow" o
idator1" runat
e();" runat=se
idator2" runat
>
entOnChange();
Conti
first round t
";
ont></h3>
required field
r>
onclick="Clien
t="server"
erver />
t="server"
;" runat=serve
ioles ue v
trip
ds below"
ntOnChange();
er>
valiuacion
"
n
</
<t
</
</
</form
<scrip
<!
fu
fields
}
// >
</scri
</body
</html
Ejem
<%@ Pa
<html>
<head>
<s
</s
</head
<body>
<h3><f
<form
<table
<t
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
<asp:Li
</ASP:DropD
</td>
<td>
<asp:Requir
ControlTo
ErrorMess
Display=
InitialVa
Width="1
</asp:Requi
</td>
<td>
/tr>
tr>
<td></td>
<td>
<ASP:Button
</td>
<td></td>
/tr>
/table>
m>
pt language=ja
unction Client
if (typeof(
return;
document.al
s are empty";
>
ipt>
y>
l>
mplo 3
age clienttarg
>
>
script languag
void ListFo
// Chan
// is
valSum
}
script>
d>
>
font face="Ve
runat="serve
e cellpadding=
tr>
<td>
<table
<tr>
istItem >09/0
istItem >10/0
istItem >11/0
istItem >01/0
istItem >02/0
istItem >03/0
istItem >04/0
istItem >05/0
istItem >06/0
istItem >07/0
istItem >08/0
istItem >09/0
istItem >10/0
istItem >11/0
istItem >12/0
DownList>
redFieldValid
oValidate="Dr
sage="*"
"Static"
alue=""
00%">
iredFieldVali
n id=Button1
avascript>
tOnChange() {
Page Validato
l["lblOutput"
get=downlevel
ge="C#" runat
ormat Selecte
nge display m
selected from
.DisplayMode
rdana">Valida
r">
=10>
bgcolor="#ee
0</asp:ListIt
0</asp:ListIt
0</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
1</asp:ListIt
dator id="Requ
ropDownList1"
dator>
text="Validat
rs) == "undef
].innerText =
%>
=server>
dIndexChanged
mode of the va
m the "ListFor
= (Validation
tionSummary S
eeee" cellpad
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
tem>
uiredFieldVali
te" OnClick="V
fined")
= Page IsValid
d(Object Sende
alidator summa
rmat" dropdown
nSummaryDispla
Sample</font><
dding=10>
Tema
idator3" runat
ValidateBtn_Cl
d ? "Page is V
er, EventArgs
ary when a new
nlist
ayMode) ListFo
</h3>
Conti
t="server"
lick" runat="s
Valid!" : "Som
E ) {
w option
ormat.Selected
ioles ue v
server" />
me of the req
dIndex;
valiuacion
quired
n
<td
<font
</td>
</tr>
<tr>
<td a
<fo
</td>
<td>
<AS
</A
</td>
<td a
<as
</a
</td>
</tr>
<tr>
<td a
<fo
</td>
<td>
<AS
</td>
<td>
<as
</a
</td>
</tr>
<tr>
<td a
<fo
</td>
<td>
<AS
</A
</td>
<td>
<as
C
E
D
W
r
</a
</td>
<td>
</tr>
<tr>
<td><
<td>
<AS
</td>
<td><
colspan=3>
t face=Verdan
>
align=right>
ont face=Verd
>
SP:RadioButto
<asp:ListIt
<asp:ListIt
ASP:RadioButt
>
align=middle
sp:RequiredFi
ControlToVa
ErrorMessag
Display="St
InitialValu
*
asp:RequiredF
>
align=right>
ont face=Verd
>
SP:TextBox id
>
sp:RequiredFi
ControlToVa
ErrorMessag
Display="St
Width="100%
*
asp:RequiredF
>
align=right>
ont face=Verd
>
SP:DropDownLi
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
ASP:DropDownL
>
sp:RequiredFi
ControlToVali
ErrorMessage=
Display="Stat
InitialValue=
Width="100%"
runat=server>
*
asp:RequiredF
>
</td>
SP:Button id=
>
</td>
a size=2><b>C
dana size=2>Ca
onList id=Radi
tem>MasterCard
tem>Visa</asp:
tonList>
rowspan=1>
eldValidator
alidate="Radio
ge="Card Type.
tatic"
ue="" Width="1
FieldValidator
dana size=2>Ca
d=TextBox1 run
eldValidator
alidate="TextB
ge="Card Numbe
tatic"
" runat=serve
FieldValidator
dana size=2>Ex
st id=DropDow
tem></asp:List
tem >06/00</as
tem >07/00</as
tem >08/00</as
tem >09/00</as
tem >10/00</as
tem >11/00</as
tem >01/01</as
tem >02/01</as
tem >03/01</as
tem >04/01</as
tem >05/01</as
tem >06/01</as
tem >07/01</as
tem >08/01</as
tem >09/01</as
tem >10/01</as
tem >11/01</as
tem >12/01</as
List>
eldValidator
date="DropDow
="Expiration D
tic"
=""
>
FieldValidator
=Button1 text=
Credit Card In
ard Type:</fon
ioButtonList1
d</asp:ListIte
ListItem>
id="RequiredF
oButtonList1"
"
100%" runat=se
r>
ard Number:</f
nat=server />
id="RequiredF
Box1"
er. "
er>
r>
xpiration Date
wnList1 runat=
tItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
sp:ListItem>
id="RequiredF
wnList1"
Date. "
r>
="Validate" ru
Tema
nformation</b>
nt>
RepeatLayout=
em>
FieldValidator
erver>
font>
FieldValidator
e:</font>
=server>
FieldValidator
unat=server />
Conti
></font>
="Flow" runat=
r1"
r2"
r3"
>
ioles ue v
=server>
valiuacion
n
</
</tabl
<font
<asp:D
OnSele
<a
<a
<a
</asp
</form
</body
</html
Ejem
<%@ Pa
<html>
<head>
<s
</s
</head
<body>
<h
<p
<f
</tr>
</table
</td>
<td valign=
<table
<asp:Va
Hea
Fon
Fon
/>
</td><
</td>
/tr>
le>
face="verdana
DropDownList i
ectedIndexChan
asp:ListItem>L
asp:ListItem s
asp:ListItem>S
:DropDownList>
m>
y>
l>
mplo 4
age clienttarg
>
>
script languag
void Button
if (Pag
lblO
}
else {
lblO
}
}
void lstOpe
comp1.O
comp1.V
}
script>
d>
>
h3><font face=
p>Type a value
form runat=se
<table bgcolo
e>
=top>
cellpadding=
alidationSumm
aderText="You
nt Names="ver
nt Size="12"
/tr></table>
a" size=" 1">
id="ListForma
nged="ListFor
List</asp:Lis
selected>Bull
Single Paragr
>
get=downlevel
ge="C#" runat
n1 OnSubmit(O
ge.IsValid) {
Output.Text =
Output.Text =
erator Select
Operator = (V
Validate();
="Verdana">Co
e in each tex
rver>
or="#eeeeee"
20><tr><td>
mary ID="valSu
u must enter a
rdana"
Select the ty
at" AutoPostBa
rmat_SelectedI
tItem>
eted List</as
raph</asp:List
%>
="server">
bject sender,
"Result: Val
"Result: Not
edIndexChange
ValidationComp
mpareValidato
tbox, select
cellpadding=1
um" runat="ser
a value in the
ype of validat
ack=true
IndexChanged"
sp:ListItem>
tItem>
EventArgs e)
lid!";
t valid!";
ed(Object send
pareOperator)
or Example</fo
a comparison
10>
Tema
rver"
e following fi
tion summary d
runat=server
{
der, EventArgs
lstOperator.S
ont></h3>
operator, the
Conti
ields:"
display you w
>
s e) {
SelectedIndex
en click "Val
ioles ue v
ish: </font>
;
idate" to tes
valiuacion
t.</p>
n
runat=
Type="
</
</body
</html
Ejer
<%@ Pa
<html>
<head>
<s
<tr valign="t
<td>
<h5><fo
<asp:Te
</td>
<td>
<h5><fo
<asp:Li
="server">
</asp:L
</td>
<td>
<h5><fo
<asp:Te
<asp:Bu
</td>
</tr>
</table>
<asp:CompareV
"String" runat
<br>
<asp:Label ID
/form>
y>
l>
rcicio 5
age clienttarg
>
>
script languag
void Button
rangeVa
if (rang
lblO
} else
lblO
}
rangeVa
if (rang
lblO
} else
lblO
}
rangeVa
top">
ont face="Ver
extBox id="tx
ont face="Ver
istBox id="ls
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
<asp:ListIt
ListBox>
ont face="Ver
extBox id="tx
utton runat=s
Validator id=
t="server"/>
D="lblOutput"
get=downlevel
ge="C#" runat
n1 Click(Obje
lInteger.Vali
geValInteger.
Output1.Text
{
Output1.Text
lDate.Validat
geValDate.IsV
Output2.Text
{
Output2.Text
lString.Valid
dana">String
xtComp" runat=
dana">Compari
tOperator" On
tem Selected="
tem Value="Not
tem Value="Gre
tem Value="Gre
tem Value="Les
tem Value="Les
dana">String
xtCompTo" runa
erver Text="V
="comp1" Contr
Font Names="
%>
="server">
ct sender, Ev
date();
IsValid) {
= "Result: Va
= "Result: No
e();
Valid) {
= "Result: Va
= "Result: No
date();
1:</font></h5
="server"></as
ison Operator:
nSelectedIndex
"true" Value="
tEqual" >NotEq
eaterThan" >Gr
eaterThanEqual
ssThan" >LessT
ssThanEqual" >
2:</font></h5
at="server"></
Validate" ID="
rolToValidate=
"verdana" Font
ventArgs e) {
alid!";
ot Valid!";
alid!";
ot Valid!";
Tema
5>
sp:TextBox>
:</font></h5>
xChanged="lstO
"Equal" >Equal
qual</asp:List
reaterThan</as
l" >GreaterTha
Than</asp:List
>LessThanEqual
5>
/asp:TextBox><
"Button1" oncl
="txtComp" Con
t Size="10pt"
Conti
Operator_Selec
l</asp:ListIte
tItem>
sp:ListItem>
anEqual</asp:L
tItem>
l</asp:ListIte
<p>
lick="Button1_
ntrolToCompare
runat="server
ioles ue v
ctedIndexChan
em>
ListItem>
em>
_OnSubmit" />
e = "txtCompT
r"/>
valiuacion
nged"
>
o"
n
</s
</head
<body>
<h
<b
<f
<
<
<
<
<
<
if (rang
lblO
} else
lblO
}
if (Page
lblOu
} else
lblOu
}
}
script>
d>
>
h3><font face=
br /><br />
form runat="se
<table bgcolo
<tr valign="t
<td>
<h5><fo
<asp:Te
</td>
<td>
<h5><fo
</td>
<td>
<asp:L
</td>
</tr>
<tr valign="t
<td>
<h5><fo
<asp:Te
</td>
<td>
<h5><fo
</td>
<td>
<asp:L
</td>
</tr>
<tr valign="t
<td>
<h5><fo
<asp:Te
</td>
<td>
<h5><fo
</td>
<td>
<asp:L
</td>
</tr>
</table>
<asp:Button Te
<asp:RangeVali
id="rangeVa
Type="Integ
ControlToVa
MaximumValu
MinimumValu
runat="serv
<asp:RangeVali
id="rangeVa
Type="Date
ControlToVa
MaximumValu
MinimumValu
runat="serv
<asp:RangeVali
id="rangeVa
Type="Strin
ControlToVa
MaximumValu
MinimumValu
runat="serv
<br>
geValString.I
Output3.Text
{
Output3.Text
e.IsValid) {
utput.Text =
{
utput.Text =
="Verdana">Ra
erver">
or="#eeeeee"
top">
ont face="Ver
extBox id="tx
ont face="Ver
Label id="lbl
top">
ont face="Ver
extBox id="tx
ont face="Ver
Label id="lbl
top">
ont face="Ver
extBox id="tx
ont face="Ver
Label id="lbl
ext="Validate
idator
alInteger"
ger"
alidate="txtC
ue="10"
ue="1"
ver"/>
idator
alDate"
"
alidate="txtC
ue="2001/1/1"
ue="2000/1/1"
ver"/>
idator
alString"
ng"
alidate="txtC
ue="Zebra"
ue="Aardvark"
ver"/>
sValid) {
= "Result: Va
= "Result: No
"Result: Page
"Result: Page
ngeValidator
cellpadding=1
dana">Value t
xtComp1" runat
dana">Data Ty
Output1" Font
dana">Value t
xtComp2" runat
dana">Data Ty
Output2" Font
dana">Value t
xtComp3" runat
dana">Data Ty
Output3" Font
" ID="Button1
Comp1"
Comp2"
Comp3"
alid!";
ot Valid!";
e Valid!";
e Not valid!";
Sample</font>
10>
to Check:</fon
t="server"/>
ype: Integer M
t Names="verda
to Check:</fon
t="server"/>
ype: Date Min(
t Names="verda
to Check:</fon
t="server"/>
ype: String Mi
t Names="verda
1" onclick="Bu
Tema
;
></h3>
nt></h5>
Min(1), Max(10
ana" Font Size
nt></h5>
(2000/1/1), Ma
ana" Font Size
nt></h5>
in(Aardvark),
ana" Font Size
utton1_Click"
Conti
0)</font></h5>
e="10pt" runat
ax(2001/1/1)<
e="10pt" runat
Max(Zebra)</
e="10pt" runat
runat="server
ioles ue v
>
t="server" />
/font></h5>
t="server" />
font></h5>
t="server" />
r" />
valiuacion
>
>
>
n
<
</
</body
</html
Ejer
<html>
<head>
<s
</s
</head
<body>
<h3><f
<br />
<form
<t
<t
Size="
</
<t
</
<t
<asp:Label id=
/form>
y>
l>
rcicio 6
>
>
script languag
void Valida
if (Page
lblOu
}
else {
lblOu
}
}
script>
d>
>
font face="Ve
><br />
runat="serve
table bgcolor=
tr valign="top
<td colspan=
<asp:Label
"10pt" runat=
</td>
/tr>
tr>
<td colspan=
<font face=Ve
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:TextBo
</td>
<td>
<asp:Regula
Control
Validat
="lblOutput"
ge="C#" runat
ateBtn Click(
e.IsValid) {
utput.Text =
utput.Text =
rdana">Simple
r">
="#eeeeee" ce
p">
3>
ID="lblOutpu
"server"/>
3>
erdana size=2
ght>
=Verdana size
ox id=TextBox
arExpressionV
lToValidate="
tionExpressio
Font Names="v
=server>
Object Src, E
"Page is Vali
"Page is InVa
RegularExpre
llpadding=10>
ut" Text="Ente
><b>Personal
=2>Zip Code:<
x1 runat=serve
Validator id="
TextBox1"
on="\d{5}"
verdana" Font
EventArgs E) {
id!";
alid! : (";
essionValidato
>
er a 5 digit z
Information</
</font>
er />
"RegularExpres
Tema
Size="10pt" r
{
or Sample</fon
zip code" Font
/b></font>
ssionValidator
Conti
runat="server
nt></h3>
t Names="Verda
r1" runat="ser
ioles ue v
" />
ana" Font
rver"
valiuacion
n
</
<t
</
</
</form
</body
</html
Ejer
<%@ Pa
<html>
<head>
<s
</s
</head
<body>
<h3><f
<br />
<form
<t
Display
Font Na
Font Si
Zip
</asp:Regul
</td>
/tr>
tr>
<td></td>
<td>
<ASP:Button
</td>
<td></td>
/tr>
/table>
m>
y>
l>
rcicio 7
age clienttarg
>
>
script languag
void Valida
if (Page
lblOut
}
else {
lblOut
}
}
script>
d>
>
font face="Ve
><br />
runat="serve
table cellpadd
y="Static"
ames="verdana
ize="10pt">
code must be
larExpression
n text="Valid
get="downleve
ge="C#" runat
ateBtn Click(
e.IsValid) {
tput.Text = "
tput.Text = "
rdana">More R
r">
ding=10>
a"
5 numeric di
nValidator>
date" OnClick=
l" %>
=server>
Object Sender
Page is Valid
Page is Not V
Regular Expres
igits
="ValidateBtn_
r, EventArgs E
d!";
Valid! : (";
ssion Examples
Tema
_Click" runat=
E) {
s</font></h3>
Conti
=server />
ioles ue v valiuacion
n
<t
Size="
</
<t
</
<t
</
<t
9]{4}
</
<t
</
tr valign="top
<td colspan=
<asp:Label
"10pt" runat=
</td>
/tr>
tr>
<td colspan=
<font face=Ve
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:TextBo
</td>
<td>
<asp:Requir
Control
Display
Font Na
>
*
</asp:Requi
<asp:Regula
Control
Validat
Display
Font Na
Ple
</asp:Regul
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:TextBo
</td>
<td>
<asp:Requir
Control
Display
Font Na
*
</asp:Requi
<asp:Regula
Control
Validat
(\sx\s*[0 9]{5
Display
Font Na
runat=s
Must
</asp:Regul
</td>
/tr>
tr>
<td align=rig
<font face=
</td>
<td>
<ASP:TextBo
</td>
<td>
<asp:Requir
Control
Display
Font Na
*
</asp:Requi
<asp:Regula
Control
Validat
Display
Width=
Font Na
runat=s
Zip
</asp:Regul
</td>
/tr>
p">
3>
ID="lblOutpu
"server" />
3>
erdana size=2
ght>
=Verdana size
ox id=TextBox
redFieldValid
lToValidate="
y="Dynamic"
ames="Verdana
iredFieldVali
arExpressionV
lToValidate="
tionExpressio
y="Static"
ames="verdana
ease enter a
larExpression
ght>
=Verdana size
ox id=TextBox
redFieldValid
lToValidate="
y="Dynamic"
ames="Verdana
iredFieldVali
arExpressionV
lToValidate="
tionExpressio
5})?$)"
y="Static"
ames="verdana
server>
t be in form:
larExpression
ght>
=Verdana size
ox id=TextBox
redFieldValid
lToValidate="
y="Dynamic"
ames="Verdana
iredFieldVali
arExpressionV
lToValidate="
tionExpressio
y="Static"
"100%"
ames="verdana
server>
code must be
larExpression
ut" Text="Ente
><b>Personal
=2>Email:</fo
x1 runat=serve
dator id="Requ
TextBox1"
a" Font Size="
dator>
Validator id="
TextBox1"
on="^[\w ]+@[\
a" Font Size="
valid e mail
nValidator>
=2>Phone:</fo
x2 runat=serve
dator id="Requ
TextBox2"
a" Font Size="
dator>
Validator id="
TextBox2"
on="(^x\s*[0 9
a" Font Size="
(XXX) XXX XX
nValidator>
=2>Zip Code:<
x3 runat=serve
dator id="Requ
TextBox3"
a" Font Size="
dator>
Validator id="
TextBox3"
on="^\d{5}$"
a" Font Size="
5 numeric di
nValidator>
er values for
Information</
ont>
er />
uiredFieldVali
"10pt"
"RegularExpres
\w ]+\.(com|ne
"10pt">
address
ont>
er />
uiredFieldVali
"10pt">
"RegularExpres
9]{5}$)|(^($[
"10pt"
XXX
</font>
er />
uiredFieldVali
"10pt">
"RegularExpres
"10pt"
igits
Tema
each field" F
/b></font>
idator1" runat
ssionValidator
et|org|edu|mil
idator2" runat
ssionValidator
[1 9][0 9]{2}\
idator3" runat
ssionValidator
Conti
Font Names="Ve
t="server"
r1" runat="ser
l)$"
t="server"
r2"
$\s)?[1 9][0
t="server"
r3"
ioles ue v
erdana" Font
rver"
9]{2} [0
valiuacion
n
<t
</
</
</form
</body
</html
Ejer
<html>
<head>
<s
vo
}
</s
</head
<body>
<h3><f
<br />
<form
<a
<p
<a
<a
tr>
<td></td>
<td>
<ASP:Button
</td>
<td></td>
/tr>
/table>
m>
y>
l>
rcicio 8
>
>
script languag
void Valida
if (Pag
lblO
}
else {
lblO
}
}
oid ServerVal
int num;
// even
if (int.Try
value.
}
else {
value.
}
script>
d>
>
font face="Ve
><br />
runat="serve
asp:Label id=l
Text="Enter
Font Names=
Font Size=
p>
asp:TextBox id
asp:RequiredFi
n text="Valid
ge="C#" runat
ateBtn OnClic
ge.IsValid) {
Output.Text =
Output.Text =
idate (object
n number?
yParse(value.
IsValid = (nu
IsValid = fal
rdana">Custom
r">
lblOutput run
r an even num
="Verdana"
"10pt" /><br>
d=Text1 runat
ieldValidator
date" OnClick=
=server>
k(object send
"Page is val
"Page is not
source, Serv
Value, out nu
m % 2 == 0);
se;
mValidator Exa
nat="server"
mber:"
>
t="server" />
r id="Required
="ValidateBtn_
der, EventArgs
lid!";
t valid! : (";
verValidateEve
um) ) {
ample</font></
dFieldValidato
Tema
_Click" runat=
s e) {
;
entArgs value)
/h3>
or1" runat="se
Conti
=server />
) {
erver"
n
</
<a
</
<p
<a
<s
</
</form
</body
</html
ControlToVa
ErrorMessag
Display="Dy
Font Names=
/asp:RequiredF
asp:CustomVali
ControlToVa
ClientValid
OnServerVal
Display="St
Font Names=
Not an e
/asp:CustomVal
p>
asp:Button tex
script languag
function Cl
{
// even n
if (argum
argumen
else
argumen
}
/script>
m>
y>
l>
alidate="Text
ge="Please en
ynamic"
="verdana" Fo
FieldValidato
idator id="Cu
alidate="Text
dationFunctio
lidate="Serve
tatic"
="verdana" Fo
even number!
lidator>
xt="Validate"
ge="javascrip
ientValidate(
number?
ments.Value%2
nts.IsValid =
nts.IsValid =
t1"
nter a number"
ont Size="10pt
or>
ustomValidator
t1"
on="ClientVali
rValidate"
ont Size="10pt
onclick="Val
t">
source, argum
== 0)
true;
false;
"
t">
r1" runat="ser
idate"
t">
lidateBtn_OnCl
ments)
Tema
rver"
lick" runat="s
Conti
server" />
n
Ejem
Valid
<%@ Pa
<html
<head
<tit
</head
<scrip
void
{
La
}
</scri
<body>
<for
<d
Valida
ErrorM
mplo 9
dationGrou
age Language=
xmlns="http:
runat="serve
tle>Validation
d>
pt language="C
d Button1 Cli
abel1.Text =
ipt>
>
rm id="form1"
div>
<h3>Validatio
Enter Search
<asp:TextBox
<asp:Button
ationGroup="Se
<asp:Required
Message="Searc
Control
<br /><br />
<hr />
<br />
<h3>Validatio
<table cellpa
<tr>
<td valig
Enter n
up cs.aspx
"C#" %>
//www.w3.org/
r">
n Groups</tit
C#" runat="se
ck(object sen
"Hello " + Te
runat="serve
onGroup (Sear
Term:
ID="SearchTe
ID="Button2"
earch" />
dFieldValidat
ch is empty!!
lToValidate="
onGroup (Name
adding="5">
gn="top">
name:</td>
1999/xhtml">
le>
rver">
der, EventArg
xtBox1.Text +
r">
ch)</h3>
rm" runat="se
runat="server
tor ID="Requir
"
SearchTerm" V
)</h3>
gs e)
+ ", you selec
erver" />
r" Text="Searc
redFieldValida
ValidationGrou
Tema
cted " + Calen
ch" PostBackUr
ator1" SetFocu
up="Search" />
Conti
ndar1.Selected
rl="Search_cs
usOnError="tru
>
ioles ue v
dDate;
.aspx"
ue" Runat="se
valiuacion
rver"
n
ErrorM
OnClic
</fo
</body
</html
Sear
<%@ Pa
<!DOCT
"http
<html
<head
<tit
</head
<scrip
void
{
Te
Se
La
}
</scri
<body>
<for
<d
</
<d
</
<d
</
<s
<p
</
</fo
</body
</html
<td valig
<asp:Te
<asp:Re
Message="Name
</td>
</tr>
<tr>
<td valig
Enter m
</td>
<td valig
<asp:Ca
<br />
<asp:Bu
ck="Button1_Cl
<br />
</td>
</tr>
</table>
<br />
<asp:Label ID
orm>
y>
l>
ch cs.aspx
age Language=
TYPE html PUBL
://www.w3.org
xmlns="http:
runat="serve
tle>Search Pag
d>
pt language="C
d Page Load(ob
extBox SearchT
earchTerm = (T
abel1.Text =
ipt>
>
rm id="form1"
div>
<span style=
/div>
div>
<hr />
/div>
div>
<span style=
<asp:Label ID
Font Italic
/div>
span style="fo
p>
<br />
/p>
orm>
y>
l>
gn="top">
extBox ID="Te
equiredFieldV
is empty!!"
Control
gn="top">
meeting time:
gn="top">
alendar ID="C
utton ID="But
lick" Validat
D="Label1" ru
"C#" %>
LIC " //W3C//
/TR/xhtml1/DT
//www.w3.org/
r">
ge</title>
C#" runat="se
bject sender,
Term;
TextBox)Page.
SearchTerm.Te
runat="serve
"font size: 3
"font size: 1
D="Label1" ru
c="True" /><s
ont size: 32p
xtBox1" runat
Validator ID="
ToValidate="T
Calendar1" run
tton1" runat="
tionGroup="Nam
unat="server"
DTD XHTML 1.0
D/xhtml1 tran
1999/xhtml">
rver">
EventArgs e)
PreviousPage.
xt;
r">
2pt; color: #
6pt">You sear
unat="server"
pan style="fo
t"></span>
t="server" Wid
"RequiredField
TextBox1" Vali
nat="server" /
"server" Text=
me" />
Text="Label"
0 Transitional
nsitional.dtd"
FindControl("
#ff0066">Searc
rched for: </s
Text="Label"
ont size: 16pt
Tema
dth="247px" He
dValidator2" R
idationGroup="
/>
="Postback to
Font Bold="tr
l//EN"
">
"SearchTerm");
ch Page (Searc
span>
Font Size="16
t"> </span>
Conti
eight="22px" /
Runat="server
"Name" />
Same Page"
rue" />
;
ch cs.aspx)</
6pt" ForeColor
ioles ue v
/>
"
span><br />
r="#FF0066"
valiuacion
n
Ejem
<%@ Pa
<html
<head>
<tit
</head
<body>
<div
<h
<f
the fo
mplo 10
age Language=
xmlns="http:
>
tle>Sign In Fo
d>
>
v>
h3>
<font face="V
form action="v
<hr width="6
<center>
<asp:Valida
ollowing field
DisplayMo
<br />
<br />
<! sign
<table bord
<tr>
<td co
<tab
<t
<
<
</t
</tab
</td>
</tr>
<tr>
"C#" %>
//www.w3.org/
orm Validatio
Verdana">Sign
validationfor
00" size="1"
ationSummary
ds:"
ode="SinglePa
in >
der="0" width
lspan="3">
le border="0"
r>
<td>
<font face=
</td>
tr>
ble>
1999/xhtml">
n Sample</tit
In Form Vali
m cs.aspx" me
noshade>
ID="valSum" r
aragraph" Font
="600">
cellpadding=
"geneva,arial
tle>
idation Sample
ethod="post" r
runat="server"
t Names="verda
="0" cellspaci
l" size=" 1"><
Tema
e</font></h3>
runat="server"
" HeaderText="
ana" Font Size
ing="0" width=
<b>Sign In Inf
Conti
">
"You must ente
e="12" />
="100%">
formation</b><
ioles ue v
er a valid va
</font>
valiuacion
alue in
n
ErrorM
ErrorM
ErrorM
ErrorM
Size="
ErrorM
Contro
<td al
<font
</td>
<td>
<asp
</td>
<td>
<asp
Message="Email
Dis
*
</asp
<asp
Message="Email
Dis
Fon
Not a v
</asp
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
</td>
<td>
<asp
Message="Passw
Dis
*
</asp
<asp
Message="Passw
Val
"11"
Wid
Passw
</asp
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
</td>
<td>
<asp
Message="Re en
Dis
*
</asp
<asp
olToCompare="p
Err
run
Passwo
</asp
</td>
</tr>
<tr>
<td co
&nbsp
</tr>
<! per
<tr>
<td co
<tab
<t
<
<
</t
</tab
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
</td>
<td>
</td>
ign="right">
t face="Arial
:TextBox ID="
:RequiredFiel
l. "
splay="Dynami
p:RequiredFie
:RegularExpre
l. "
splay="Static
nt Names="Ari
valid e mail
p:RegularExpr
ign="right">
t face="Arial
:TextBox ID="
:RequiredFiel
word. "
splay="Dynami
p:RequiredFie
:RegularExpre
word. "
lidationExpre
dth="100%" ru
word must inc
p:RegularExpr
ign="right">
t face="Arial
:TextBox ID="
:RequiredFiel
nter Password
splay="Dynami
p:RequiredFie
:CompareValid
passwd"
rorMessage="R
nat="server">
rd fields don
p:CompareVali
lspan="3">
p;</td>
sonalization
lspan="3">
le border="0"
r>
<td>
<font face=
</td>
tr>
ble>
ign="right">
t face="Arial
:TextBox ID="
" size="2">Em
email" Width=
dValidator ID
c" Font Names
ldValidator>
ssionValidato
c" ValidationE
al" Font Size
address. Mus
ressionValidat
" size="2">Pa
passwd" TextM
dValidator ID
c" Font Names
ldValidator>
ssionValidato
ssion=".*[!@#
unat="server">
lude one of t
ressionValidat
" size="2">Re
passwd2" Text
dValidator ID
d. "
c" Font Names
ldValidator>
dator ID="Comp
Re enter Passw
>
't match
dator>
information
cellpadding=
"geneva,arial
" size="2">Fi
fn" MaxLength
mail Address:<
="200px" MaxLe
D="emailReqVal
s="Verdana" Fo
or ID="emailRe
Expression="^[
e="11" runat="
st follow emai
tor>
assword:</font
Mode="Password
D="passwdReqVa
s="Verdana" Fo
or ID="passwdR
#$%^&*+;:].*"
>
these (!@#$%^&
tor>
e enter Passwo
tMode="Passwor
D="passwd2ReqV
s="Verdana" Fo
pareValidator1
word. " Displa
>
="0" cellspaci
l" size=" 1"><
irst Name:</fo
h="20" Width="
Tema
</font>
ength="60" run
l" ControlToVa
ont Size="12"
egexVal" Contr
[\w ]+@[\w ]+\
"server">
il@host.domain
t>
d" MaxLength="
al" ControlToV
ont Size="12"
RegexBal" Cont
Display="Stat
&*+;:)
ord:</font>
rd" MaxLength=
Val" ControlTo
ont Size="12"
1" ControlToVa
ay="Static" Fo
ing="0" width=
<b>Personal In
ont>
"200px" runat=
Conti
nat="server" /
alidate="email
runat="server
rolToValidate=
\.(com|net|org
n.
"20" runat="se
Validate="pass
runat="server
trolToValidate
tic" Font Name
="20" runat="s
oValidate="pas
runat="server
alidate="passw
ont Names="Ari
="100%">
nformation</b>
="server" />
ioles ue v
/>
l"
r">
="email"
g|edu|mil)$"
erver" />
swd"
r">
e="passwd"
es="Arial" Fo
server" />
sswd2"
r">
wd2"
ial" Font Siz
></font>
valiuacion
nt
e="11"
n
Contro
Names=
ErrorM
ErrorM
9]{4}
ErrorM
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
</td>
<td>
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
</td>
<td>
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
fa
<asp
</td>
<td>
<asp
olToValidate=
Err
="Arial"
Fon
Zip cod
</asp
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
</td>
<td>
<asp
Message="Phone
Dis
*
</asp
<asp
Message="Phone
Val
(\sx\s*[0 9]{5
Dis
Must be
</asp
</td>
</tr>
<tr>
<td co
&nbsp
</tr>
<! Cred
<tr>
<td co
<font
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
<as
<as
</asp
</td>
<td>
<asp
Message="Card
Dis
*
</asp
ign="right">
t face="Arial
:TextBox ID="
ign="right">
t face="Arial
:TextBox ID="
ign="right">
t face="Arial
:TextBox ID="
ce="Arial" si
:TextBox ID="
:RegularExpre
"zip"
rorMessage="Z
nt Size="11"
de must be 5
p:RegularExpr
ign="right">
t face="Arial
:TextBox ID="
:RequiredFiel
e. "
splay="Dynami
p:RequiredFie
:RegularExpre
e. "
lidationExpre
5})?$)"
splay="Static
e in form: (X
p:RegularExpr
lspan="3">
p;</td>
dit Card Info
lspan="3">
t face="Arial
ign="right">
t face="Arial
:RadioButtonL
sp:ListItem>M
sp:ListItem>V
p:RadioButton
:RequiredFiel
Type. "
splay="Static
p:RequiredFie
" size="2">La
ln" MaxLength
" size="2">Ad
address" Widt
" size="2">St
state" Width=
ze="2">Zip Co
zip" Width="6
ssionValidato
ip Code. " Va
runat="server
numeric digit
ressionValidat
" size="2">Ph
phone" MaxLen
dValidator ID
c" Font Names
ldValidator>
ssionValidato
ssion="(^x\s*
c" Font Names=
XXX) XXX XXXX
ressionValidat
>
" size="2"><b
" size="2">Ca
List ID="ccTyp
MasterCard</as
Visa</asp:List
nList>
dValidator ID
c" InitialValu
ldValidator>
ast Name:</fon
h="40" Width="
ddress:</font>
th="200px" run
tate:</font>
="30px" MaxLen
ode:</font>&nb
60px" MaxLengt
or ID="Regular
alidationExpre
r">
ts
tor>
hone:</font>
ngth="20" runa
D="phoneReqVal
s="Verdana" Fo
or ID="phoneRe
*[0 9]{5}$)|(^
="Arial" Font
tor>
b>Credit Card
ard Type:</fon
pe" Font Names
sp:ListItem>
tItem>
D="ccTypeReqVa
ue="" Font Nam
Tema
nt>
"200px" runat=
>
nat="server" /
ngth="2" runat
bsp;
th="5" runat="
rExpressionVal
ession="^\d{5}
at="server" />
l" ControlToVa
ont Size="12"
egexVal" Contr
^($[1 9][0 9]
Size="11" run
Information</
nt>
s="Arial" Repe
al" ControlToV
mes="Verdana"
Conti
="server" />
/>
t="server" />
"server" />
lidator1"
}$" Display="S
>
alidate="phone
runat="server
rolToValidate=
]{2}$\s)?[1
nat="server">
/b></font>
eatLayout="Flo
Validate="ccTy
Font Size="12
ioles ue v
<font
Static" Font
e"
r">
="phone"
9][0 9]{2} [0
ow" runat="se
ype"
2" runat="ser
valiuacion
rver">
rver">
n
ErrorM
Number
ErrorM
algori
number
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
</td>
<td>
<asp
Message="Card
Dis
*
</asp
<asp
r. "
Cli
Fon
Not a v
</asp
</td>
</tr>
<tr>
<td al
<font
</td>
<td>
<asp
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
<as
</asp
</td>
<td>
<asp
Message="Expir
Dis
*
</asp
</td>
</tr>
</table>
<br />
<br />
<input runa
<br />
<br />
<hr width=
<script typ
function c
{
var cc
var cc
var i,
// SAM
// Base
ithm )
// is u
rs.
// Get
ccSans
if(ccSa
arg
ret
}
// Conv
ign="right">
t face="Arial
:TextBox ID="
:RequiredFiel
Number. "
splay="Dynami
p:RequiredFie
:CustomValida
ientValidatio
nt Size="11"
valid credit
p:CustomValid
ign="right">
t face="Arial
:DropDownList
sp:ListItem><
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>1
sp:ListItem>1
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>0
sp:ListItem>1
sp:ListItem>1
sp:ListItem>1
p:DropDownLis
:RequiredFiel
ration Date.
splay="Static
p:RequiredFie
at="server" t
"600" size="1
pe="text/java
cClientValida
= arguments.
SansSpace;
digits, tota
PLE ONLY. No
ed on ANSI X4
used to gener
the number,
Space = cc.re
ansSpace.leng
guments.IsVal
turn; // in
vert to array
" size="2">Ca
ccNum" runat=
dValidator ID
c" Font Names
ldValidator>
ator ID="ccNum
onFunction="cc
runat="server
card number.
dator>
" size="2">Ex
t ID="expDate"
</asp:ListItem
6/00</asp:Lis
7/00</asp:Lis
8/00</asp:Lis
9/00</asp:Lis
0/00</asp:Lis
1/00</asp:Lis
1/01</asp:Lis
2/01</asp:Lis
3/01</asp:Lis
4/01</asp:Lis
5/01</asp:Lis
6/01</asp:Lis
7/01</asp:Lis
8/01</asp:Lis
9/01</asp:Lis
0/01</asp:Lis
1/01</asp:Lis
2/01</asp:Lis
t>
dValidator ID
"
c" InitialValu
ldValidator>
ype="submit"
" noshade="no
script">
te(source, ar
Value;
l;
t a real worl
.13, the LUHN
ate and/or va
parse out any
place(/\D/g,
gth != 16) {
id = false;
valid ccn
y of digits
ard Number:</f
="server" />
D="ccNumReqVal
s="Verdana" Fo
mCustVal" Cont
cClientValidat
r">
Must contain
xpiration Date
" runat="serve
m>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
stItem>
D="expDateReqV
ue="" Font Nam
value="Sign I
oshade" />
rguments)
ld actual cred
N formula (als
alidate and ve
y non digits,
"");
Tema
font>
l" ControlToVa
ont Size="12"
trolToValidate
te" Display="S
n 16 digits.
e:</font>
er">
Val" ControlTo
mes="Verdana"
In" />
dit card algo
so known as th
erify the accu
should have 1
Conti
alidate="ccNum
runat="server
e="ccNum" Erro
Static" Font N
oValidate="exp
Font Size="12
.
he modulus 10
uracy of some
16 left
ioles ue v
m"
r">
orMessage="Ca
Names="Arial"
pDate"
2" runat="ser
or mod 10
credit card
valiuacion
ard
rver">

n
</
</di
</body
</html
digits
for(i=
dig
// Doub
for(i=
dig
if
}
// Sum
total =
for(i=
// Resu
if( tot
arg
ret
}
else
arg
ret
}
}
</script>
</center>
/form>
iv>
y>
l>
= new Array(
0; i<16; i++)
gits[i] = Num
ble & sum dig
0; i<16; i+=2
gits[i] *= 2;
(digits[i] >
the numbers
= 0;
0; i<16; i++)
ults
tal % 10 == 0
guments.IsVal
turn; // v
{
guments.IsVal
turn; // in
16);
mber(ccSansSpa
gits of every
) {
9) digits[i
total +=
) {
id = true;
valid ccn
id = false;
valid ccn
ace.charAt(i))
other number
i] = 9;
= digits[i];
Tema
;
Contiioles ue v valiuacion
n
AApliicaccio
Tem
Nav

M
ne
con
ma
vega
MC
s
n .N
acio
CTS:
Web
NET
3
on
:
b
T
5
Te
Mt
1
Opci
<asp:
Goto
Opci
<inpu
Butto
<scri
// <!
funct
docum
}
// ]]
</scr
2
Un co
prote
{
}
Page
Acce
Una d
Web
ocurr
objet
entre
.NET
datos
bien
ema
todos de
1. Desde
in a)
HyperLink I
NavigateTes
in b)
ut id "Butto
on1 onclick(
ipt language
CDATA[
tion Button1
ment.locatio
>
ript>
2. Cross
ontrol est c
ected void P
{
if (Prev
{
lblD
}
else
{
lblD
((Te
Labe
}
}
.PreviousPag
ediendo a
de las activid
utilizando A
rido que requ
tos Session, C
e mltiples p
Framework
s de un form
definida, era
Nav
Navegac
el lado de
D "HyperLin
t2 </asp:Hyp
on1" type "b
)" />
e "javascrip
onclick()
on "Navigate
Page
onfigurado p
Page Load(ob
viousPage
Data.Text
Data.Text
extBox)Previ
el1.Text R
ge, Obtiene l
a datos fu
dades que re
ASP.NET es la
uieres acced
Cache, Cooki
aginas, es m
ya contabam
ulario anteri
a algo asi com
vegac
cin
el cliente.
k1" runat "s
perLink>
utton" value
t" type "tex
{
Test2.aspx";
para realizar
ject sender,
null)
"No Previous
ousPage.Find
equest.Form
a pgina que
ertement
ecurrenteme
de pasar da
der a controle
ies o el Quer
muy comn es
mos con un s
ior en otro a
mo un truco
cion
server" Navi
e "Goto Navi
xt/javascrip
;
una PostBac
, EventArgs
sPage";
dControl("tx
["txtData"];
e transfiri e
te tipados
nte realizam
atos entre fo
es de la pgi
ryString para
ste escenario
encillo meca
ctual, solo q
con el VIEW
igateUrl "~/
igateTest2"
pt">
ck a una pg
e)
xtData")).Te
;
el control a la
s
mos cuando d
rmulario We
na anterior y
a persistir los
o y por esa r
anismos adic
ue no conta
STATE y aspe
Tem
/NavigateTes
onclick "re
ina Web dife
ext;
a pgina actu
desarrollamo
eb. Cuantas v
y en ocasion
s datos entre
azn desde l
cional para re
ba con una i
ectos de la c
ma Na
t2.aspx">
eturn
erente.
ual.
os una aplicac
veces no te h
es utilizamo
e postbacks o
la versin 1.
eferenciar lo
mplementac
clase Page.
avegacion
cin
ha
s los
o
1 del
os
cion
n
Pero
imple
pgin
contr
En la
1: pu
2: {
3:
4:
5:
6:
7:
8:
9:
10: g
11:
12:
13:
14:
15:
16:
17: }
En la
pagin
<%@
Esta d
trav
de au
Previo
anter
En la
1: pu
2: {
3:
4:
5:
6:
7:
8:
9: }
desde ASP.N
ementacin.
na anterior p
roles.
pgina inicia
ublic partial
public Text
{
get { ret
}
public Text
{
get { return
}
protected
{
}
}
segunda p
na anterior, a
@ PreviousPage
directiva nos
s del atributo
uto generar d
ousPage per
rior.
segunda p
ublic partial
protected
{
Label1.T
Label2.T
}
NET 2.0 han
La clase Pre
permitindon
al colocamos
class Defa
tBox pp Nom
turn TextBox
tBox pp Tele
TextBox2; }
d void Page
gina, justam
agregamos la
eType VirtualP
s permite esp
o VirtualPath
de manera ti
rmitindonos
gina solo esc
class Defau
void Page
Text = Previo
Text = Previo
mejorado es
viousPage n
nos entre otr
s nuestros co
ult : System.
mbre
x1; }
efono
}
Load(object
mente en la p
a siguiente d
Path="~/Defa
pecificar que
h especificam
pada los con
tener acceso
cribimos el s
ult2 : System
Load(object
ousPage.pp
ousPage.pp T
ste tipo de e
os permite a
ras cosas ref
ontroles los e
.Web.UI.Pag
t sender, Eve
gina donde
irectiva:
ult.aspx" %>
deseamos le
mos la pgina
ntroles de la
o y referenci
iguiente cd
m.Web.UI.Pag
sender, Eve
Nombre.Text
Telefono.Tex
scenario hac
acceder a mi
erenciar los v
exponemos c
ge
entArgs e)
e queremos r
>
eer informac
a anterior, co
pgina anter
iar los miemb
igo para leer
ge
entArgs e)
t;
xt;
Tem
ciendo ms e
embros de la
valores y pr
como propied
eferenciar lo
cin de la pg
on esto, ASP
rior en una c
bros de la cla
r nuestros da
ma Na
elegante su
a clase de la
opiedades d
dades, ejemp
os datos de u
gina anterior
P.NET se enc
clase llamada
ase de la pg
atos:
avegacion
e los
plo:
una
r y a
carga
a
gina
n
3
Resp
prote
{
}
4
Http
Finali
solici
prote
{
}
Usa
Desd
<?xml
<site
<
<
</sit
La cla
x
x
Ambas
Un Site
x
x
x
Desde
x
x
x
x
3. El cdig
que de
ponse.Redir
Redirecci
ected void B
{
Response
}
4. Su cdi
diferen
ServerUtili
iza la ejecuci
tud actual.
ected void B
{
Server.T
}
ando SiteM
e Visual Stud
l version "1
eMap xmlns "
<siteMapNode
<siteMap
<siteMap
</siteMapNod
teMap>
ase SiteMap
La propieda
CurrentNod
s propiedades d
eMapNode rep
Title
Url
Description
SiteMapNode
ParentNode
ChildNodes
NextSibling
PreviousSib
go de serv
be pedir o
rect
ona un clien
Button1 Clic
e.Redirect("
igo de ser
nte.
ity.Transfer
in de la pg
Button2 Clic
Transfer("Ej
Map
dio podemos
.0" encodin
http://schem
e url "" tit
pNode url ""
pNode url ""
de>
provee acce
ad RootNode
de
decuelven un S
presenta un nod
n
podemos acce
e
s
g
bling
vidor env
otra pgin
te a una nue
k(object sen
Ejemplo4Dest
rvidor tra
r
gina actual e
k(object sen
emplo4Destin
s agregar un
g "utf 8" ?>
mas.microsof
le "" descr
title "" d
title "" d
eso a traves d
iteMapNode.
do en el SiteMa
der a :
va un me
na web
eva direccin
nder, EventA
tino.aspx");
ansfiere el
inicia la ejec
nder, EventA
no.aspx");
SiteMap (o
>
ft.com/AspNe
ription "">
description
description
de programa
ap y provee pro
nsaje al n
n URL y espe
Args e)
;
l control a
cucin de un
Args e)
un mapa del
et/SiteMap F
"" />
"" />
acin:
opiedades con in
Tem
navegador
cifica la nuev
a una pg
a nueva pg
sitio).
File 1.0" >
nformacin sob
ma Na
r informa
va URL.
gina Web
gina para la
bre:
avegacion
ando
n
prote
{
}
Tes
1. Wh
to
A
2. Wh
D
3. Yo
s
A
ected void B
{
Response
}
t
hich of the f
o a different
A. Redirect
B. NextPage
C. Transfer
hich control
A. SiteMenu
B. SiteMapV
C. SiteMenu
D. SiteMapPa
ou want to p
ite map. Wh
A. NavigateS
B. SiteMap
C. Map
D. Navigato
Button1 Clic
e.Redirect(S
following ser
Web page w
e
requires the
uView
View
u
ath
rovide an Up
hich class can
Site
r
k(object sen
iteMap.Curre
rver-side me
without requi
Web.sitemap
p button for
n you use to a
nder, EventA
entNode.Pare
thods can be
ring a round
p file to disp
your Web p
access the sit
Args e)
entNode.Url)
e used on the
trip to the cl
play site map
pages to prog
te map to acc
Tem
;
e HttpServer
lient?
p information
grammaticall
complish thi
ma Na
rUtility to na
n?
ly navigate u
s?
avegacion
vigate
up the
n
AApliicaccio
Te
Es
ue
Cl
T
M
ne
con
ema
stau
esue
ient

MC
s
n .N
a
uo
e el
te
CTS:
Web
NET
3
:
b
T
5
Te
Elig
serv
La co
deno
realiz
La ad
trav
La inf
perso
o en
Si se
opcio
rendi
Si es
usand
del cl
ema
giendo en
vidor
nexin que s
mina sesin
za mediante
dministracin
s de mltiple
formacin de
onalizacin, o
el servidor.
almacena en
ones en el lad
imiento del s
almacenado
do tcnicas d
liente.
Esta
ntre man
se establece
. Las sesione
la administr
n del estado
es peticiones
el estado, co
o los objetos
n el cliente, e
do del client
servidor porq
o en el servid
de manejo d
auo u
tener el e
entre un us
es pueden ab
acin del est
es el proceso
s para las mi
omo por ejem
s de un carro
el cliente env
e tienden a t
que no existe
or, el servido
el estado. La
uesue
estado en
uario (el equ
barcar mltip
tado.
o por el cual
ismas o disti
mplo, el nom
o de la comp
va la inform
tener segurid
e demanda e
or la almace
a seguridad d
Tema
el Cl
n el lado
uipo cliente)
ples pginas
mantenemo
ntas pginas
mbre de usua
ra, pueden s
acin al serv
dad mnima,
en el servido
na, pero tien
de estas opci
Estau
iente
del clien
y un servido
Web y su se
os la misma
s Web.
rio, las opcio
ser almacena
vidor con cad
pero ofrece
or para mant
ne que pasar
iones es may
uo uesue
e
nte o en e
or Web se
guimiento se
informacin
ones de
ados en el cli
da peticin. L
en un rpido
ener el estad
rla al cliente
yor que en e
el Cliente
el
e
a
ente
Las
do.
l lado
e
View
Los fo
inclui
pgin

<input
value=
F/pMGn
Encr
Para
<conf
<sy
<
</s
</con
Para
<%@ P
Inher
wState
ormularios W
ida para con
na. La propie
t type="hidde
="/wEPDwUKMTI
nqjqHlH66cdw==
riptando
la aplicacin
figuration>
ystem.web>
<pages viewS
system.web>
nfiguration>
una pgina c
Page Languag
rits " Defau
Web Forms p
servar autom
dad ViewSta
n" name="__VI
xNDIyOTM0Mg9k
=" />
ViewStat
n web
tateEncrypt
>
concreta
ge "C#" Auto
ult" ViewSta
proporcionan
mticamente
ate se manti
IEWSTATE" id="
kFgICAw9kFgICA
e
ionMode "Alw
EventWireup
teEncryption
n la propieda
e valores ent
ene como un
"__VIEWSTATE"
AQ8PFgIeBFRleH
ways"/>
"true" Code
nMode "Alway
Tema
ad ViewState
tre mltiples
n campo ocu
HQFEzQvNS8yMDA
eFile "Defau
ys"%>
Estau
e como una e
peticiones a
ulto en la pg
A2IDE6Mzc6MTE
ult.aspx.cs"
uo uesue
estructura
a la misma
gina.
EgUE1kZGROWHn/
el Cliente
rt75X
e
Des
Mant
proce
Enab
Leer
if (V
En el
if
Con
Cam
<inpu
Coo
Las co
aplica
empl
visite
previ
La ma
a este
datos
ident
datos
habilitar
tener un esta
esamiento en
leViewState
r y Escrib
ViewState["l
Labe
else
Labe
// Defin
ViewStat
ViewState p
(ViewState[
Labe
else
Labe
// Defin
ViewStat
ntrolState
mpos Ocu
ut type=hidd
okies
ookies propo
aciones Web
earse para a
e el sitio Web
amente.
ayora de los
e lmite, es r
s, o mejor a
tificar al usua
s.
ViewStat
ado de vista
n el servidor
a false
bir ViewSt
astVisit"]
el1.Text (
el1.Text "
ne the ViewS
te.Add("lastV
podemos alm
"lastVisit"
el1.Text (
el1.Text "
ne the ViewS
te["lastVisi
e
ultos
den name=
orcionan un
b. Por ejemp
almacenar las
b de nuevo, l
s exploradore
ecomendabl
n, un identif
ario y leer inf
te
para cada co
r y el tamao
tate
! null)
string)ViewS
lastVisit Vi
tate object
Visit", Date
macenar cual
] ! null)
(DateTime)Vi
lastVisit Vi
tate object
t"] DateTi
=nombre va
medio para
lo, cuando u
s preferencia
a aplicacin
es admiten c
le utilizar las
ficador como
formacin re
ontrol supon
o de la pgina
State["lastV
iewState not
for the nex
eTime.Now.To
quier objeto
iewState["la
iewState not
for the nex
ime.Now;
alue=valor
almacenar in
n usuario vis
as del usuari
podr recup
cookies de u
s cookies par
o un id. de u
elativa a ste
Tema
ne sobrecarg
a, establecem
Visit"];
t defined.";
xt page view
oString());
o que sea Ser
astVisit"]).
t defined.";
xt page view
/>
nformacin e
sita un sitio,
o u otra info
perar la infor
n tamao m
ra almacenar
suario. Este
e de una bas
Estau
a. Para redu
mos la propi
w
rializable
ToString();
w
especfica de
las cookies p
ormacin. Cu
rmacin que
ximo de 40
r pequeas c
id. se puede
e de datos u
uo uesue
cir el tiempo
edad
el usuario en
pueden
uando el usua
almacen
96 bytes. De
cantidades d
e utilizar para
u otro almac
el Cliente
o de
las
ario
ebido
e
a
n de
e
Los e
pued
cooki
explo
cooki
Escr
Respo
Respo
HttpC
aCook
aCook
Respo
El ejem
Para la
Para la
contin
HttpCo
Ambos
caduci
que to
un obj
Puede
varios
subcla
crear d
userIn
Son va
inform
cookie
distint
Limi
De fo
todas
un sit
las co
x
xploradores
e almacenar
ies por sitio;
oradores tam
ies que acep
ribir Cook
onse.Cookies
onse.Cookies
Cookie aCook
kie.Value
kie.Expires
onse.Cookies
mplo agrega do
a primera cooki
a segunda cook
uacin, lo agre
ookie, se debe
s ejemplos lleva
idad debe ser d
odos los valores
jeto String.
e almacenar un
pares de nomb
aves se dispone
dos cookies ind
fo que tenga la
arias las razone
macin relaciona
e, los atributos
tas fechas de ca
Response.
Response
Response
HttpCook
aCookie.
aCookie.
aCookie.
Response
itar el mbi
orma predete
s ellas se env
tio obtiene t
ookies de do
Limite el
las cookie
tambin im
r en el equip
si se intenta
mbin define
ptan desde to
kies
["userName"
["userName"
kie new Ht
DateTime.Now
DateTime.N
.Add(aCooki
os cookies a la c
ie, los valores d
kie, el cdigo cr
ega a la colecci
pasar el nombr
an a cabo la mi
de tipo DateTim
s de las cookies
valor en una co
bre y valor en u
n de forma sim
dependientes de
as subclaves use
s que hacen ac
ada o similar en
de sta, como
aducidad a disti
.Cookies["us
e.Cookies["u
e.Cookies["u
kie aCookie
Values["use
Values["las
Expires D
e.Cookies.Ad
ito
erminada, to
van al servid
odas las coo
s maneras:
mbito de la
es a una apli
ponen limita
o del usuario
a almacenar
n un lmite a
odos los sitio
].Value "p
].Expires
tpCookie("la
w.ToString()
Now.AddDays
e);
coleccin Cooki
de la coleccin C
ea una instanci
n Cookies a tra
re de la cookie
sma tarea: escr
me. Sin embargo
se almacenan
ookie, como el
una sola cookie.
milar a una cade
enominadas us
erName y lastV
onsejable el us
n una sola cook
la caducidad, se
intos tipos de in
serInfo"]["u
serInfo"]["l
serInfo"].Ex
new HttpCo
rName"] "p
tVisit"] D
ateTime.Now
d(aCookie);
odas las cook
dor con cualq
okies para ese
as cookies a
cacin del si
aciones respe
o. La mayora
ms, las coo
absoluto, nor
os en conjunt
patrick";
DateTime.No
astVisit");
);
(1);
es, una denom
Cookies se esta
ia de un objeto
avs del mtod
como parte de
riben una cook
o, el valor lastV
como cadenas,
nombre de usu
. Estos pares de
ena de consulta
serName y lastV
Visit.
o de subclaves
kie. Adems, da
e aplican a toda
nformacin, de
userName"]
lastVisit"]
xpires Dat
ookie("userI
patrick";
DateTime.Now
.AddDays(1);
kies de un sit
quier solicitu
e sitio. Sin em
una carpeta
tio.
Tema
ecto al nme
a de los expl
okies ms ant
rmalmente 3
to.
ow.AddDays(1
inada userNam
ablecen directa
de tipo HttpCo
o Add. Cuando
l constructor.
ie en el explora
isited tambin
, el valor de fec
uario y la ltima
e nombre y valo
en una direcci
Visit, puede cre
. En primer luga
ado que toda la
a la informacin
ebera almacena
"patrick";
DateTime.
teTime.Now.A
Info");
w.ToString()
;
tio se almace
ud para ese s
mbargo, pue
del servidor
Estau
ero de cookie
oradores s
tiguas se des
300, en cuant
1);
me y la otra den
mente.
ookie, establece
o se crea una ins
ador. En ambos
es un valor de
cha y hora se tie
a visita. Tambi
or se denomina
n URL.) Por ej
ar una sola coo
ar, es convenie
informacin es
n. (A la inversa,
ar sta en cook
Now.ToStrin
AddDays(1);
;
enan juntas e
itio. Es decir
ede establece
r, lo que le pe
uo uesue
es que cada
lo permiten
scartan. Algu
to al nmero
ominada lastVi
e sus propiedad
stancia de un o
s mtodos, el va
fecha y hora. D
ene que conver
n puede almac
an subclaves. (L
emplo, en luga
okie denominad
nte colocar la
st en una sola
, si desea asign
ies independie
ng();
en el cliente
r, cada pgin
er el mbito
ermitir limit
el Cliente
sitio
20
unos
o de
isit.
des y, a
objeto
alor de
Dado
rtir en
cenar
as
r de
da
ar
ntes.)
y
a de
de
tar
e
x
Limi
Para
como
HttpC
La rut
virtua
carpe
www
cuya
bajo
aplica
Limi
De fo
sitio e
solici
de ac
sales
concr
Respo
Cuan
pgin
una c
siguie
Respo
De es
domi
Leer
Cuan
junto
HttpR
objet
lectu
Establezc
un domin
itar las cook
limitar las co
o en el ejemp
Cookie appCo
appCooki
appCooki
appCooki
Response
ta de acceso
al. El efecto c
eta Applicatio
w.contoso.co
ruta de acce
dicha carpet
aciones, com
itar el mbi
orma predete
es www.con
tan una pgi
cceso determ
.contoso.com
reto. Para el
onse.Cookies
Response
Response
do el domin
nas del subdo
cookie que se
ente:
onse.Cookies
Response
Response
sta manera,
nios sales.co
r Las Cook
do un explor
o con la solici
Request, que
to HttpReque
ra de las coo
ca el mbito
nio que pued
kies a una c
ookies a una
plo siguiente
ookie new
e.Value "w
e.Expires
e.Path "/A
e.Cookies.Ad
o puede ser u
conseguido s
on1 o para la
m, la cookie
eso sea http:
ta. Sin embar
mo http://ww
ito de domi
erminada, la
toso.com, la
ina de ese sit
minado.) Si su
m y support.
lo, establezc
["domain"].V
e.Cookies["d
e.Cookies["d
io se estable
ominio espec
e pueda com
["domain"].V
e.Cookies["d
e.Cookies["d
la cookie est
ontoso.com y
kies
rador realiza
itud. En sus a
e est dispon
est es esenc
okies del obje
en un domin
den tener acc
carpeta o ap
carpeta del
e:
HttpCookie("
written " +
DateTime.No
Application1
d(appCookie)
una ruta de a
ser que la c
a raz virtual
creada en e
//www.cont
rgo, la cookie
ww.contoso.c
inio de las c
s cookies se
as cookies qu
tio. (Esto po
u sitio tiene s
contoso.com
ca la propied
Value Date
omain"].Expi
omain"].Doma
ece de esta m
cificado. Tam
mpartir entre
Value Date
omain"].Expi
omain"].Doma
tar disponib
y support.co
a una solicitu
aplicaciones
nible como p
ialmente la m
eto HttpReq
nio, lo que le
ceso a una co
plicacin
servidor, est
"AppCookie")
DateTime.No
ow.AddDays(1
1";
);
acceso fsica
cookie slo e
. Por ejempl
l ejemplo an
toso.com/Ap
e no estar d
com/Applica
cookies
asocian a un
ue escriba se
dra no inclu
subdominios
m, puede aso
ad Domain de
eTime.Now.To
ires DateT
ain "suppo
manera, la co
mbin puede
e varios subd
eTime.Now.To
ires DateT
ain "conto
ble para el do
ontoso.com.
ud al servidor
ASP.NET, pu
propiedad Re
misma que la
uest se reali
Tema
e permitir es
ookie
tablezca la p
);
ow.ToString(
1);
situada bajo
estar dispon
o, si su sitio
nterior estar
pplication1/ y
disponible pa
ation2/ o htt
n dominio es
envan al se
uir las cookie
s, por ejemp
ociar las cook
e la cookie, c
oString();
Time.Now.Add
ort.contoso.
ookie slo es
e utilizar la pr
ominios, com
oString();
Time.Now.Add
oso.com";
ominio princ
r, enva las c
uede leer las
equest de la c
a del objeto
za de maner
Estau
specificar los
ropiedad Pa
();
o la raz del s
nible para las
se denomina
disponible
y para las p
ara las pgin
p://www.co
specfico. Por
ervidor cuand
s que tengan
lo, contoso.c
kies a un sub
como en este
dDays(1);
com";
tar disponi
ropiedad Do
mo se muest
dDays(1);
cipal, as com
ookies para
cookies med
clase Page. L
HttpRespon
ra similar a la
uo uesue
s subdominio
th de la cook
itio o una ra
s pginas de
a
para las pg
ginas situad
as de otras
ntoso.com/.
r ejemplo, si
do los usuari
n un valor de
com,
bdominio
e ejemplo:
ble para las
omain para c
tra en el ejem
mo para los
ese servidor
diante el obj
La estructura
nse, por lo qu
a escritura d
el Cliente
os de
kie,
z
la
inas
as
su
os
e ruta
rear
mplo
r
eto
a del
ue la
e las
e
cooki
mane
contr
if (R
Serv
Con e
los na
se tra
mues
ste.
<% R
func
Este
como
Esto
Y est
Esto
Antes
existe
que s
most
secue
Del m
estab
de un
if (R
En el
previ
valor
conve
DateT
ies en el obje
eras de obte
rol Label:
Request.Cook
Labe
if (Requ
{
Http
Labe
}
er.HTMLEn
este mtodo
avegadores,
ata de obten
stra como si
Veamos un
Response.W
ciona")) %
sera el cd
o tal:
o es un br
to es lo que
o es un br
s de intentar
e; si no es as
se ha llamado
rarlo en la p
encia de com
mismo modo
blecimiento.
na subclave:
Request.Cook
{
Labe
Labe
}
ejemplo ant
amente en l
es en forma
ertirlo al tipo
Time dt;
dt Dat
eto HttpResp
ner el valor d
kies["userNam
el1.Text S
uest.Cookies
pCookie aCoo
el1.Text S
ncode("Stri
o se puede co
en cdigo so
er, partiendo
fuese HTML,
ejemplo:
Write(Serv
%>
digo interno
reak <B
e mostrar e
reak <BR>
r obtener el v
s, se iniciar
o al mtodo
gina. Esto g
mandos ejecu
, la lectura d
En el ejemp
kies["userIn
el1.Text
Server.Html
el2.Text
Server.Html
terior, el cd
a representa
de cadenas,
o apropiado,
teTime.Parse
ponse. En el
de una cooki
me"] ! null
erver.HtmlEn
["userName"]
kie Reques
erver.HtmlEn
ing")
onvertir un s
olamente vis
o de HTML n
, en realidad
ver.HTMLEn
o obtenido, v
BR> que
s navegado
que no fu
valor de una
una excepci
HtmlEncode
garantiza que
utables a la c
del valor de u
lo de cdigo
fo"] ! null
Encode(Reque
Encode(Reque
digo lee el va
acin de cade
, por lo que s
como en es
(Request.Coo
ejemplo de
ie denomina
l)
ncode(Reques
] ! null)
st.Cookies["
ncode(aCooki
tring codifica
sible pero no
normal, un ti
d es ASCII pu
ncode("Est
visible en fo
e no funci
r:
unciona
a cookie, deb
n NullRefe
e para codific
e un usuario
cookie.
una subclave
siguiente se
l)
est.Cookies
est.Cookies
lor de la sub
ena de un va
si desea utiliz
te ejemplo:
okies["userI
Tema
cdigo siguie
ada usernam
st.Cookies["
"userName"];
ie.Value);
ado en HTM
o ejecutable
po de cdigo
ro. Es til pa
to es un b
ormato HTM
iona
bera asegura
renceExcept
car el conten
malintencio
e de una cook
e muestra un
["userInfo"]
["userInfo"]
bclave lastVis
alor DateTim
zar el valor la
Info"]["last
Estau
ente se mue
e y mostrar
"userName"].
L, y por tant
por los nave
o que aunqu
ra escribir m
break <BR>
ML pero no
arse de que d
ion. Tenga e
nido de una c
onado no ha
kie es similar
na manera de
["userName"
["lastVisit
sit, que se es
me. Las cookie
astVisit com
tVisit"]);
uo uesue
estran dos
su valor en u
Value);
o ejecutable
egadores. Es
e el navegad
manuales com
> que no
o ejecutable
dicha cookie
en cuenta tam
cookie antes
agregado un
r a su
e obtener el
]);
t"]);
stableci
es almacena
o fecha, deb
el Cliente
un
e por
decir,
dor lo
mo
e
mbin
s de
na
valor
n
be
e
Las su
mane
conti
if (R
Leer
Syste
Mod
No es
consi
explo
siguie
visita
int c
Elim
La eli
varia
se en
elimi
se de
el exp
ejem
para
HttpC
ubclaves de u
era de obten
nuacin,
ext
Request.Cook
{
Syst
User
Labe
Labe
}
r coleccione
em.Text.Stri
HttpCook
for (int
{
aCoo
outp
outp
}
Label1.T
dificar y e
s posible mo
ste en crear
orador para q
ente se mues
as del usuario
counter;
if (Requ
coun
else
{
coun
}
counter+
Response
Response
minar las c
minacin de
cin del proc
ncuentra en e
ne. La tcnic
esea eliminar
plorador com
plo de cdig
la aplicacin
Cookie aCook
na cookie son
ner una subcl
raer el valor d
kies["userIn
tem.Collecti
UserInfoCoo
rInfoCookieC
el1.Text
Server.Html
el2.Text
Server.Html
es de cookie
ngBuilder o
kie aCookie;
t i 0; i <
okie Reque
put.Append("
+ "<br />")
put.Append("
+ "<br /><b
Text outpu
eliminar la
odificar direct
una nueva c
que sobrescr
stra cmo m
o al sitio:
uest.Cookies
nter 0;
nter int.P
++;
e.Cookies["c
e.Cookies["c
cookies
e una cookie,
ceso de mod
el equipo de
ca consiste e
r, pero estab
mpruebe la c
go siguiente s
n:
kie;
n una coleccin
lave determi
de la subclave
fo"] ! null
ons.Speciali
kieCollectio
ollection
Encode(UserI
Encode(UserI
es
utput new
Request.Coo
st.Cookies[i
Cookie name
;
Cookie value
r />");
t.ToString()
as cookie
tamente una
cookie con n
riba la versi
modificar el va
["counter"]
arse(Request
ounter"].Val
ounter"].Exp
, es decir, su
dificacin. No
l usuario. Sin
n crear una n
bleciendo su
caducidad de
se muestra u
n de tipo Nam
inada es obt
e por su nomb
l)
ized.NameVal
on;
Request.Coo
InfoCookieCo
InfoCookieCo
System.Text
okies.Count;
i];
" + Serve
e " + Serv
);
s
a cookie. En
uevos valore
n antigua en
alor de una c
null)
t.Cookies["c
lue counte
pires = Date
borrado fsi
o es posible e
n embargo, p
nueva cookie
caducidad e
e la cookie, la
una manera d
Tema
meValueCollect
ener la colec
bre, como se m
lueCollectio
okies["userI
ollection["u
ollection["l
t.StringBuil
; i++)
er.HtmlEncod
ver.HtmlEnco
su lugar, el p
es y, a contin
n el cliente. E
cookie que a
counter"].Va
er.ToString(
eTime.Now.Ad
co del disco
eliminar dire
puede conse
e con el mism
n una fecha
a descartar
de eliminar t
Estau
tion. Por cons
ccin de subc
muestra en el
on
Info"].Value
userName"]);
lastVisit"])
lder();
de(aCookie.N
ode(aCookie.
proceso que
nuacin, env
En el ejemplo
almacena un
alue);
();
ddDays(1);
duro del usu
ectamente un
guir que el e
mo nombre q
anterior a la
porque est
todas las coo
uo uesue
siguiente, otra
claves y, a
ejemplo sigu
es;
;
Name)
Value)
se debe seg
iarla al
o de cdigo
recuento de
uario, es una
na cookie, ya
explorador la
que la cookie
a actual. Cua
anticuada.
okies disponi
el Cliente
a
iente:
uir
e las
a
a que
a
e que
ndo
En el
ibles
e
Que
Son p
2083

Label
", Pr
", Pa
Tes
1. Yo
o
m
A
2. Yo
a
ru
(C
A
3. Yo
d
d
s
(C
string c
int limi
for (int
{
cook
aCoo
aCoo
Resp
}
eryString
pares nombr
caracteres p
http://s
http://s
l1.Text "U
refs: " + Se
age: " + Ser
t
ou need to st
on your site s
management
A. Client-side
B. Server-sid
ou need to tr
additional loa
unning a co
Choose the b
A. Client-side
B. Server-sid
ou are creat
database. Wh
do not need t
ide state ma
Choose the b
A. View stat
cookieName;
t Request
t i 0; i <
kieName Re
okie new H
okie.Expires
ponse.Cookie
g
e/valor que
por el mtod
upport.micros
earch.microso
User: " + Se
erver.HtmlEn
rver.HtmlEnc
tore a users
so that you c
should you u
e state manag
de state man
rack non-con
ad on your s
opy of your
best answer.)
e state manag
de state man
ting an ASP
hile the user a
to store the i
anagement w
best answer.)
te
.Cookies.Cou
limit; i++)
quest.Cookie
ttpCookie(co
DateTime
s.Add(aCooki
se pasan en
do Http GET
soft.com/Defau
oft.com/result
rver.HtmlEnc
code(Request
ode(Request
user name a
can pass thos
use? (Choose
gement
agement
nfidential use
ervers. You
application.
)
gement
agement
P.NET Web
accesses the
information b
would meet y
)
unt;
)
es[i].Name;
ookieName);
.Now.AddDays
ie);
la cadena de
ult.aspx?kbid=
ts.aspx?mkt=en
code(Request
t.QueryStrin
.QueryString
and password
se credential
e the best an
er preference
distribute re
. Which typ
form that a
page, you ne
between visi
your requirem
Tema
s( 1);
e consulta de
=315233
n US&setlang=
t.QueryStrin
ng["prefs"])
g["page"]);
d as he or sh
s to back-en
swer.)
es when a us
equests amon
pe of state m
allows a use
eed to track s
its to the We
ments and b
Estau
el navegador
en US&q=hello
ng["user"])
+
he navigates
nd servers. W
er visits you
ng multiple W
management
r to browse
search and so
eb page. Wh
be the simple
uo uesue
r con un limi
o+world
+
to different
Which type of
ur site to min
Web servers
should you
information
orting values
hich type of c
est to imple
el Cliente
te de
pages
f state
nimize
, each
u use?
n in a
s. You
client-
ment?
e
4. Y
set
pref
type
imp
5. Y
item
resu
sim
B. Control st
C. Hidden fi
D. Cookies
E. Query str
You are creat
user prefere
ferences to b
e of client-
plement? (Ch
A. View s
B. Contro
C. Hidden
D. Cooki
E. Query
You are crea
ms that matc
ults. Which
mplest to impl
A. View s
B. Contro
C. Hidden
D. Cooki
E. Query
tate
ields
ings
ting an ASP.
ences and ha
be remember
-side state m
hoose the bes
state
ol state
n fields
es
strings
ating an ASP
h the users
type of clie
lement? (Cho
state
ol state
n fields
es
strings
NET Web si
ave each pag
red between
management
st answer.)
P.NET Web
criteria. You
ent-side stat
oose the best
ite with doze
ge process t
visits, even i
t meets you
form that se
u want users
te managem
t answer.)
Tema
ens of pages.
the preferenc
if the user cl
ur requirem
earches the p
s to be able
ment meets y
Estau
You want to
ce informatio
loses the We
ents and is
product inven
to bookmark
your require
uo uesue
o allow the u
on. You wa
eb browser. W
s the simple
ntory and dis
k or e-mail s
ements and
el Cliente
user to
nt the
Which
est to
splays
search
is the
e
AApliicaccio
Te
Es
ue
Se
M
ne
con
ema
stau
esue
eiviu

MC
s
n .N
a
uo
e el
uoi
CTS:
Web
NET
3
:
b
T
5
Te
Esta
Una a
imge
El arc
direct
Entre
x
x
x
x
x
Cuan
Appli
todas
aplica
emba
ocurr
petic
desen
La inf
de ob
propi
a la c
medi
Para
elem
Globa
ema
ado de Ap
aplicacin w
enes que se
chivo global.a
torio virtual
e otras cosas
Applicatio
Applicatio
Applicatio
Session_S
Session_E
do la aplicac
cation_Start
s las peticion
acin. Esta se
argo, el reini
re tras satisfa
in. Cuando
ncadenando
formacin pu
bjetos, estan
iedad Applic
oleccin Con
ante cdigo.
aadir un ar
ento. En el c
al.
Esta
plicacin
eb est form
encuentran
asax contien
de la aplicac
, el archivo g
on_Start
on_End
on_Error
Start
End
cin recibe la
t. Si se edita
nes pendient
ecuencia rei
cio de la apli
acer cualquie
se recibe la
otro evento
uede compa
do cada obje
ation de la c
ntens, cuyo c
.
rchivo global
cuadro de di
auo u
n
mada por tod
en un direct
ne el cdigo g
cin
global.asax c
a primera pe
el archivo gl
tes, se desen
nicia la aplic
icacin es tra
er solicitud p
siguiente pe
o Application
rtirse global
eto asociado
clase HttpApp
contenido he
.asax a un pr
logo Agrega
uesue
as las pgina
torio virtual o
global para la
ontiene cont
ticin de usu
obal.asax y s
ncadenar el
acin, elimin
ansparente p
pendiente, y
eticin, la ap
n_Start
mente en to
o a un valor c
plication. La
emos aadid
royecto, hac
ar nuevo ele
Tema
el Se
as Web, arch
o en sus sub
a aplicacin
troladores d
uario, se des
se guardan lo
evento App
nando toda l
para todos lo
y antes de ac
licacin vuel
oda la aplicac
clave. Esto se
propiedad A
do al estado A
emos clic en
mento, selec
Estauo
eiviuo
hivos , compo
directorios.
web. Se enc
e eventos pa
encadena el
os cambios,
lication_End
a informaci
os usuarios, y
ceptar cualqu
ve a comenz
cin, median
e implement
Application p
Application d
n Sitio Web>A
ccionamos C
o uesue el
oi
onentes, cd
uentra en el
ara los event
evento
se completa
y se reinicia
n de estado
ya que solo
uier nueva
zar,
te un diccion
ta utilizando
permite el ac
directamente
Agregar nuev
lase de Aplic
l Seiviuoi
digo e
tos:
rn
ar la
o. Sin
nario
la
ceso
e,
vo
cacin
i
Archi
<%@ Ap
<scrip
vo
{
}
vo
{
}
vo
{
}
vo
{
}
vo
{
StateS
}
vo
{
ivo Global.As
pplication Lan
pt runat="serv
oid Applicatio
// Cdigo q
Application
Application
string[] l
Application
WriteFile(
oid Applicatio
// Cdigo
Application
WriteFile(
oid Applicatio
// Cdigo q
oid Session St
// Cdigo q
oid Session En
// Cdigo q
// Nota: E
// se estab
Server
// o SQLSe
oid WriteFile
System.IO.
string str
str = DateT
sax
nguage="C#" %
ver">
on Start(obje
que se ejecut
n["MensajeIni
n["ConexionBd
ibros = { "c#
n["Libros"] =
"Aplicacin A
on End(object
que se ejecu
n["MensajeFin
"Aplicacion F
on Error(obje
que se ejecut
tart(object s
que se ejecut
nd(object sen
que se ejecut
l evento Sess
blece como In
rver, el even
(string strTe
StreamWriter
;
Time.Now.ToSt
>
ct sender, Ev
a al iniciars
cio"] = "La A
d"] = "Server=
", "Asp.Net",
libros;
Arrancada");
sender, Even
ta cuando se
"] = "La apli
Final");
ct sender, Ev
a al producir
ender, EventA
a cuando se i
der, EventArg
a cuando fina
ion End se de
Proc en el ar
to no se gene
xt)
writer = new
ring() + " "
ventArgs e)
se la aplicaci
Aplicacin se
=zeus;Database
"PcHoy", "Hi
ntArgs e)
cierra la apl
icacin esta t
ventArgs e)
rse un error n
Args e)
inicia una nue
gs e)
aliza una sesi
esencadena sl
rchivo Web.con
era.
System.IO.Str
+ strText;
Tema
in
ha iniciado";
e=Pub;UID=sa;P
istoria", "Geo
licacin
terminada";
no controlado
eva sesin
in.
lo con el modo
nfig. Si el mo
reamWriter(@"c
Estauo
;
PWD=secret;";
ografia" };
o sessionstate
odo de sesin
c:\test.txt",
o uesue el
e
se establece
true);
l Seiviuoi
como
i
}
</scri
Conc
Si vam
aplica
contr
Appli
Appli

Appli
((int
Esta
Cuan
estad
proce
largo
un tie
Mien
usuar
ASP.N
x
x
x
x
x
Por d
proce
proce
perm
Las se
servid
config
neces
vlido
writer.Writ
weiter.Clo
ipt>
currencia y
mos a permit
acin debem
rolar el acces
cation.Lock(
cation.Unloc
cation.Lock
t)Applicatio
ado de la
do nos cone
do a la Web y
eden del mis
de las pgin
empo, que p
tras una apl
rio que est
NET proporc
Funciona
Identifica
Almacena
Produce e
controlar
Libera au
defecto, el es
eso ASP.NET
eso ASp.NET,
manecer aun
esiones se id
dor y vicever
guracin de
sario modific
os para un U
teLine(str);
se();
y Bloqueo
tir que los us
mos utilizar lo
so a los objet
()
ck()
k(); Applica
on["PageRequ
a Sesin
ectamos con
y permite al
smo navegad
nas, hasta qu
or defecto e
icacin se es
interactuand
iona un esta
con navega
a si una petic
a datos de la
eventos de s
rse en el arch
utomticame
stado de la se
. Sin embarg
, en otro ser
nque se prod
dentifican y s
rsa, utilizand
la aplicacin
carlo median
URL, que tien
suarios mod
os mtodos L
tos de estad
tion["PageR
estCount"])+
un sitio Web
sitio Web re
dor que inici
ue consciente
es de 20 min)
st ejecutand
do con el siti
do de sesin
dores que tie
cin es parte
a sesin para
sesin, como
hivo global.a
ente recursos
esin se alm
go, puede co
vidor de esta
duzca un fallo
siguen con un
do una cookie
n. .NET Fram
nte programa
en dos carac
ifiquen los o
Lock y Unloc
o de la aplica
equestCount"
+1;Applicati
b ASP.NET, c
econocer que
la sesin. E
emente term
).
do, habr va
io Web.
n con las sigu
enen desact
de una sesi
a usarlos en v
o Session_Sta
sax o en el c
s de la sesin
acena en la
nfigurarse p
ado o en una
o o se reinici
n SessionID d
e HTTP o un
ework gestio
acin. Sessio
ctersticas im
Tema
objetos almac
k de la clase
acin.
"] =
ion.UnLock()
reamos una
e las siguient
Esto nos perm
minemos la se
rias sesiones
uientes carac
ivadas las co
n existente
varias peticio
art y Session
cdigo de otr
n si la sesin
memora de
ara que se a
a base de da
e el proceso
de 120 bits, q
URL modific
ona automt
onID est for
mportantes:
Estauo
cenados en e
HttpApplica
);
sesin. La se
tes peticione
mite manten
esin o sta
s, bsicamen
ctersticas:
ookies
ones.
_End, que p
ra aplicacin
termina o c
l servidor, co
lmacene sep
tos Sql Serve
o ASP.NET
que se pasa
cado, depend
ticamente el
mado por ca
o uesue el
el estado de
ationState pa
esin otorga
es de esa pg
ner el estado
caduque (pa
nte, una para
ueden
aduca.
omo parte de
parado del
er, en cuyo c
del cliente a
diendo de la
SessionID; n
aracteres AS
l Seiviuoi
la
ara
un
gina
a lo
asado
a cada
el
caso
al
no es
CII
i
x
x
El est
HttpS
diccio
Los o
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
p
{
Son nica
el mismo
Son aleat
tras cono
tado de la se
SessionState
onario del es
objetos de dic
g System;
g System.Col
g System.Con
g System.Dat
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Tex
ic partial c
protected vo
{
}
protected vo
{
if (rbl.
{
stri
Sess
Sess
swit
{
as a nivel glo
SessionID.
torios, por lo
ocer el valor
esin se impl
. Esta colecc
stado de la se
ccionario se
lections;
nfiguration;
ta;
b;
b.Security;
b.UI;
b.UI.HtmlCon
b.UI.WebCont
b.UI.WebCont
xt;
class Sessio
oid Page Loa
oid rbl Sele
SelectedInd
ng[] Libros
ion["cattex
ion["catcod
tch (rbl.Sel
case "n":
Libros[
Libros[
Libros[
break;
case "d":
Libros[
Libros[
Libros[
break;
case "h":
Libros[
Libros[
Libros[
obal, por lo q
o que es com
del SessionID
ementa utili
cin es un dic
esin que se
establecen y
trols;
rols;
rols.WebPart
nState : Sys
d(object sen
ctedIndexCha
ex ! 1)
new strin
to"] rbl.S
e"] rbl.Se
ectedItem.Va
0] "Progra
1] "Progra
2] "C# Ess
0] "Oracle
1] "Sql Se
2] "TRansa
0] "PC Har
1] "Diccio
2] "Linux
ue no es pos
mplicado adiv
D de la sesi
zando la pro
ccionario cla
e han aadido
y recuperan
ts;
stem.Web.UI.
nder, EventA
anged(object
ng[3];
SelectedItem
electedItem.
alue)
amando c#";
amando ASP.N
sentials";
e";
erver";
ac Sql";
rdware";
onario Hardw
Device Driv
Tema
sible que dos
vinar el valor
n anterior.
opiedad de co
vevalor que
o directame
usando la pa
.Page
Args e)
t sender, Ev
m.Text;
.Value;
NET";
ware";
vers";
Estauo
s sesiones di
del SessionI
oleccin Con
e contiene to
nte, mediant
alabra clase S
ventArgs e)
o uesue el
ferentes ten
D de otra se
ntents de la c
odos los obje
te programa
Session.
l Seiviuoi
ngan
esin,
clase
etos
acin.
i
}
p
{
}
}
Con
Se co
la pg
norm
El est
sesi
Enab
x
x
x
Si sab
sesio
Por d
el atr
almac
Sql Se
En we
secci
sessi
sqlCon
}
Sess
}
}
protected vo
{
if (rbl.
{
lblM
}
else
{
Stri
sb.A
sb.A
sb.A
sb.A
sb.A
lblM
ddl.
stri
int
ddl.
for
{
}
}
}
figuraci
ontrola en ca
gina. En una
malmente situ
tado de sesi
n para una p
leSessionSta
True
False
ReadOnly
bemos que n
nes o en su d
defecto, el es
ributo mode
cene separa
erver.
eb.config, la
n <system.w
ionState moue
nnectionStiing
break;
ion["libros
oid Button1
SelectedInd
Message.Text
ngBuilder sb
Append("Tu h
Append((stri
Append(" con
Append((stri
Append("\"."
Message.Text
Visible tru
ng[] CatLib
i;
Items.Clear
(i 0; i <
ddl.Items.A
n del esta
da pgina m
aplicacin s
uado en el d
n est habil
pgina, aad
ate admite es
y
no vamos a u
defecto poni
stado de sesi
de la etique
do del proce
informacin
web>, que se
InPioc cook
guata souice
"] Libros;
Click(object
ex 1)
"Tu debes
b new Stri
as seleccion
ng)Session["
codigo \"")
ng)Session["
);
sb.ToString
e;
ros (string
();
CatLibros.G
dd(new ListI
ado de ses
mediante las e
e controla m
irectorio raz
itado por de
iendo el atri
stos valores:
utilizar sesion
iendo a solo
in se almac
ta sessionsta
eso ASP.NET,
n sobre la co
e encuentra
kielessfalse
euse
;
t sender, Ev
s selecciona
ingBuilder()
nado la cate
"cattexto"])
);
"catcode"]);
g();
[])Session["
GetLength(0)
Item(CatLibr
sin
entradas de
mediante el a
z de la aplica
efecto. Podem
buto Enable
nes podemos
lectura
ena en la me
ate, en web.
, en otro serv
nfiguracin d
en la secci
timeout
eiiusapassw
Tema
ventArgs e)
ar una categ
);
egoria ");
);
;
"libros"];
); i++)
ros[i]));
la directiva P
archivo de co
acin.
mos activar e
SessionState
s mejorar el
emoria del se
config, pode
vidor de esta
del estado d
n <configura
stateConnec
woiu
Estauo
goria";
Page, en la p
onfiguracin
explcitamen
e a la directiv
rendimiento
ervidor. Sin e
emos configu
ado o en una
e sesin se e
ation>
ctionStiing
o uesue el
parte superio
web.config,
nte el estado
va Page
o desactivand
embargo, us
urar para que
a base de dat
encuentra en
l Seiviuoi
or de
o de
do las
ando
e se
tos
n la
i
Hay v
x
x
x
x
x
x
x
x
x

<co
<
c
r
"
<
varios atribut
allowCust
sesin pu
base de d
inicial en
mode: Es
controlad
estado de
o O
o In
e
o S
e
e
o S
o C
cookieles
servidor s
o A
o U
H
o S
e
o U
cookieNa
ASP.NET_
customPr
regenera
SessionID
sqlComm
de ser ca
sqlConne
Timeout:
caduque
onfiguration>
<sessionState
cookieless="t
regenerateExpi
"true" /> </sy
</configuratio
tos, todos op
tomSqlDatab
uede ser una
datos predet
la cadena de
specifica si el
das por esta
e sesin.
Off. Estado d
nProc. El est
el valor por d
StateServer.
este atributo
especifique q
SqlServer. Se
Custom. Nos
ss: Las cookie
sepa a qu s
AutoDetect c
UseDevicePro
HttpBrowserC
Si cualquiera
especifica Us
UseCookies e
ame: Nombre
_SessionId
rovider: Nom
teExpiredSes
D caducadas
mandTimeout
ncelado. Por
ectionString:
Especifica e
y sea rechaz
<system.web>
rue"
iredSessionId
ystem.web>
on>
pcionales:
base: Si es tr
base de dat
terminada es
e conexin.
l estado de s
copia de we
e sesin des
ado de servi
defecto
El estado de
, deber exis
que servidor
almacena e
permite esp
es se utilizan
esin est co
comprobar s
ofile determ
Capabilities
de los anter
eUri, Session
es el valor po
e de la cooki
mbre del prov
ssionID: Para
sern sustitu
t. Nmero de
r defecto es 3
Cadena de c
el nmero de
zada por el se

=
rue, la base d
tos personali
s ASPState y
sesin esta d
b.config y , s
activado
dor se almac
sesin se al
stir una entra
se usar par
n BD. stateC
pecificar un p
n para almace
onectada la p
si el cliente q
inar si se ad
riores determ
nID se mante
or defecto
e que almac
veedor de es
a usarlo con
uidas por un
e segundo q
30
conexin.
e minutos de
ervidor. Por
Tema
de datos Sql
izada. Por de
no se puede
esactivado p
si est activa
cena, en pro
macena en e
ada para sta
ra almacenar
onnectionSt
proveedor pe
enar la Sessi
peticin.
que hace la p
dmiten cook
mina que no
endr aadie
cena la Sessio
stado de ses
sesiones sin
nuevo ident
ue un coman
inactividad
defecto es 2
Estauo
que almacen
efecto es fals
e especificar
para todas la
do, dnde se
ceso, en el s
el servidor lo
teConnectio
r el estado de
tring especifi
ersonalizado
onID, de for
peticin adm
ies, basndo
se admiten c
endo un valo
onID, por def
in persona
cookies. Si e
tificador. Es f
ndo SQL est
antes de que
20.
o uesue el
na datos de
se, en cuyo c
un catlogo
s pginas
e almacena
ervidor loca
ocal. Si se uti
onString, que
e sesin
icar el servi
ma que el
mite cookies.
ose en
cookies, o si
or al URL.
fecto es
lizado
es true, las
false por def
inactivo an
e la sesin
l Seiviuoi
caso la
el
l. Es
liza
e
dor
se
fecto
tes
i

<confi
<sys
<
</sy
</conf
Tes
1. In
b
A
D. An
2. Yo
a
D
3. Yo
c
D
4. Yo
y
A
iguration>
stem.web>
<sessionState
cookieless
regenerate
timeout="3
sqlConnect
stateNetwo
ystem.web>
figuration>
t
which file s
best answer.)
A. Any ASP.N
B. Web.conf
C. Global.as
ny ASP.NET
ou need to
application. W
A. Session
B. Applicatio
C. Response
D. Response.
ou need to s
connects to y
A. Session
B. Applicatio
C. Response
D. Response.
ou need to w
you respond t
A. Applicatio
B. Applicatio
C. Session S
D. Session E
mode="SQLSer
="true "
ExpiredSessio
0"
ionString="Da
rkTimeout="30
should you w
NET server p
fig
sax
T server page
store state
Which object
on
e.Cookies
ViewState
store user lo
our Web app
on
e.Cookies
ViewState
write data to
to? (Choose
on Start
on End
Start
End
rver"
onId="true "
ata Source=MyS
0"/>
write code to
page with an
e with an .asp
data that is
t should you
ogon credent
plication. Wh
a database b
the best answ
SqlServer;Inte
o respond to
n .aspx exten
px.vb or .asp
accessible
use? (Choos
tials that are
hich object s
before a use
wer.)
Tema
egrated Secur
the Applica
nsion
px.cs extensio
to any user
se the best an
provided by
hould you us
rs session ti
Estauo
ity=SSPI;"
tion Start ev
on
r who conne
nswer.)
y the user e
se? (Choose
imes out. W
o uesue el
vent? (Choo
ects to your
each time the
the best answ
Which event s
l Seiviuoi
se the
r Web
e user
wer.)
should
i
AApliicac
Te
Co
ue
cio
ema
onfig
el sit

M
ne
con
a
guia
tio w
MC
s
n .N
acio
web
CTS:
Web
NET
3
on
b
:
b
T
5
Te
Con
Este e
ASP.N
otras
priva
{
R
A
S
}
Es pre
lugar
No se
contr
Desp
objet
Con
En es
Globa
decir
error
error
adecu
' Hand
Sub Ap
Se
End Su
' Hand
Privat
Di
Di
If
ema
ntrolar er
ejemplo de c
NET. El contr
s palabras, to
ate void Pag
Response.Wri
ApplicationS
Server.Clear
eferible utiliz
de confiar e
e puede mos
rolador Error
us de contr
to Server (cla
ntrolar er
ste ejemplo d
al.asax que d
, todos los e
res en el nive
r genrica de
uados.
dler in Globa
pplication Er
erver.Transfe
ub
dler in Error
te Sub Page Lo
ByVal e As
im errMessage
New System
im appExceptio
f (TypeOf (app
Dim checkEx
CType(a
Select Case
Case 403
errMes
"Yo
Case 404
errMes
"Th
Case 408
errMes
"Th
Case 500
errMes
"The
Case Else
errMes
Con
rrores en
cdigo mues
rolador captu
odos los erro
ge Error(obj
te("An appl
pecificErro
rError();
zar bloques T
en un contro
strar informa
r no se crean
rolar un erro
ase HttpServ
rrores en
de cdigo se
detecte todo
rrores que n
el de pgina.
enominada E
l.asax file
ror(ByVal sen
r("Errors.asp
s.aspx file
oad(ByVal sen
System.Event
As System.Te
.Text.StringB
on As System.
pException) I
xception As H
appException,
e checkExcept
sage.Append(
ou are not al
sage.Append(
he page you r
sage.Append(
he request ha
sage.Append(
server canno
sage.Append(
nfigui
n una pg
stra un contr
ura todas las
ores que no s
ect sender,
ication erro
rLogger(Serv
Try/Catch al
lador de erro
acin de erro
n nuevas inst
or, debe borr
verUtility).
n una apl
muestra cm
os los errores
no se detecta
En el ejemp
rrors.aspx, q
der As Object
x")
der As System
Args) Handles
xt.StringBuil
uilder()
Exception = S
s HttpExcepti
ttpException
HttpExceptio
ion.GetHttpCo
lowed to view
equested cann
s timed out."
t fulfill you
Te
iacion
gina
olador para
s excepcione
se detectan c
EventArgs e
or has been
ver.GetLastE
lrededor de
ores de la p
or en un cont
tancias de los
rarlo median
icacin
mo crear un
s ASP.NET no
an con un blo
lo, el contro
que interpret
t, ByVal e As
m.Object,
s MyBase.Load
lder =
Server.GetLast
ion) Then
=
on)
ode
w that page.")
not be found."
")
ur request.")
ema
n uel
el evento Err
s no controla
con un bloqu
e)
logged.");
Error().Mess
cualquier c
gina.
trol (como La
s controles e
te una llama
controlador
o controlado
oque Try/Cat
lador transfi
ta los errores
EventArgs)
tError()
")
Configuia
sitio
ror de una p
adas de la p
ue Try/Catch
sage);
digo sujeto a
abel), porque
en la pgina.
ada al mtod
r de errores e
s al procesar
tch ni en un
iere el contro
s y muestra
acion uel
web
gina Web d
gina actual.
h.
a errores, en
e al llamar a
do ClearError
en el archivo
r una solicitu
controlador
ol a una pgi
los mensajes
sitio web
e
. En
n
l
r del
o
ud, es
de
ina de
s
b
El
En
er
La
Se
End Su
// H
void
Se
}
// H
prot
{
Sy
Sy
if
{
}
el
{
}
er
La
Se
}
Erro
<cust
def
<
</cus
El atr
"The
End Select
lse
' The excep
errMessage
"The fol
appEx
nd If
rrMessage.Appe
abel1.Text = e
erver.ClearEr
ub
Handler in Glo
d Application
erver.Transfe
Handler in Er
tected void Pa
ystem.Text.St
ystem.Exceptio
f (appExceptio
HttpException
switch (chec
{
case 403:
{
errMes
break;
}
case 404:
{
errMes
break;
}
case 408:
{
errMes
break;
}
case 500:
{
errMes
break;
}
default:
{
errMes
break;
}
}
lse
// The except
errMessage.Ap
appExceptio
rrMessage.Appe
abel1.Text = e
erver.ClearEr
ores en e
tomErrors mo
faultRedirec
<error statu
stomErrors>
ributo mode
server has e
ption was not
.AppendFormat
lowing error
xception.ToSt
end("<br />Pl
errMessage.To
ror()
obal.asax fil
Error(Object
r("Errors.asp
rors.aspx fil
age Load(obje
ringBuilder e
on appExcepti
on is HttpExc
n checkExcept
kException.Ge
sage.Append("
sage.Append("
sage.Append("
sage.Append("
sage.Append("
tion was not
ppendFormat("
on.ToString()
end("<br />Pl
errMessage.To
ror();
el archivo
ode "RemoteO
ct "customer
usCode "404"
lleva los sigu
xperienced an
an HttpExcep
(
occurred<br /
ring
ease contact
String()
e
sender, Even
x");
e.
ct sender, Ev
rrMessage = n
on = Server.G
eption)
ion = (HttpEx
tHttpCode())
You are not a
The page you
The request h
The server ca
Ther server h
an HttpExcept
The following
);
ease contact
String();
o de conf
nly"
ror.htm">
redirect "c
uientes valor
Te
n error.")
ption.
/>{0}",
the server ad
ntArgs e) {
ventArgs e)
new StringBuil
GetLastError()
xception)appEx
allowed to vie
requested can
has timed out"
annot fullfill
has experience
tion.
g error occurr
the server ad
figuraci
customerror4
res:
ema
dministrator."
lder();
;
xception;
ew that page."
nnot be found
");
l your request
ed an error.")
red<br />{0}",
dministrator."
n
404.htm"/>
Configuia
")
");
.");
t.");
);
,
");
acion uel sitio web
b
No
mie
Re
On
Of
Web
En un
Cada

Authe
(Auth
Pages
Label
Label
Label
Para
la sig
Config
Authen
(Authe
sectio
rootCo
Otra
Config
Authen
(Authe
sectio
rootCo
Pode
mbre de
embro
emoteOnly
n
ff
b.Config
n archivo We
x
A
x
C
x
N
x
P
x
S
x
S
x
T
seccin del
enticationSe
henticationS
sSection ps
l1.Text se
l1.Text We
l1.Text We
modificar lo
uiente forma
guration rootC
nticationSect
enticationSect
on2.Mode = Aut
onfig.Save();
posibilidad e
guration rootC
nticationSect
enticationSect
on2.Mode = Aut
onfig.Save();
mos crear u
Descripc
Habilita l
personali
ASP.NET
Habilita l
DefaultRe
Deshabili
errores e
eb.Config nos
AppSettingsS
ConnectionSt
NetSectionGr
ProtectedCon
SerializationS
SystemWebS
Transactions
archivo de c
ection secti
ection)WebC
PagesSect
ection.Mode.
ebConfigurat
ebConfigurat
s valores de
a
Config = WebC
ion section2
tion)rootConf
thenticationM
es indicar el
Config = WebC
ion section2
tion)rootConf
thenticationM
n nuevo arch
n
os errores pe
izados slo se
se muestra e
os errores pe
edirect, se em
ita los errore
estndar.
s podemos e
Section
tringSection
roup
nfigurationSe
SectionGrou
SectionGroup
SectionGrou
configuracin
on
onfiguration
ion)WebConfi
ToString();
ionManager.A
ionManager.C
un archivo d
onfigurationM
=
ig.GetSection
Mode.Forms;
nombre de l
onfigurationM
=
ig.GetSection
Mode.Forms;
hivo de confi
Te
ersonalizados
e muestran e
en el host loc
ersonalizados
miten los erro
s personaliza
encontrar co
ection
p
p
up
n equivale a
nManager.Get
igurationMan
AppSettings
ConnectionSt
de configurac
Manager.OpenWe
n("system.web/
a aplicacin:
Manager.OpenWe
n("system.web/
iguracin:
ema
s slo en clien
en clientes re
cal.
s. Si no se es
ores estnda
ados y permit
n la siguient
una clase.
tSection("sy
nager.GetSec
["MyAppSetti
trings["Nort
cin a nivel d
ebConfiguratio
/authenticatio
:
ebConfiguratio
/authenticatio
Configuia
ntes remotos
emotos y los e
specifica ning
r.
te que se mu
es sesiones d
ystem.web/au
ction("syste
ing"];
thwind"].Con
de Maquina
on(null);
on");
on("/WebSite5
on");
acion uel
s. Los errores
errores de
n objeto
uestren los
de recursos
uthenticatio
em.web/pages
nnectionStri
procederem
");
sitio web
s
n");
");
ng;
mos de
b
Config
config
El m
valor
filen
Ruta
save
Valor
guard
force
true
El par
No
mi
Fu
Mi
Mo
Tes
1. Yo
e
2. Wh
a
3. Wh
s
guration conf
g.SaveAs(Serve
todo Config
es de config
name
de acceso y
Mode
r de Configur
dar.
eSaveAll
para guarda
rametro save
ombre de
embro
ll
nimal
odified
t
ou catch an
error?
A. Server.Ge
B. Server.Cl
C. Request.G
D. Applicati
hich of the fo
all that apply
A. Response
B. Page Err
C. Applicatio
D. Server E
hich of the fo
ettings?
ig = WebConfi
er.MapPath("c
guration.Save
uracin que
nombre del
rationSaveM
r aun cuando
eMode pued
Descripcin
Hace que tod
Esto es princ
informacin
Hace que s
escriban en
Hace que s
configuraci
unhandled e
etLastError()
learError()
GetLastError
ion.GetLastE
ollowing can
.)
e Error
ror
on Error
Error
ollowing cod
gurationManag
onfiguracion.
eAs()Escribe
incluye este
archivo en q
Mode que det
o no se haya
de tomar los
n
das las propi
cipalmente t
o para trasla
lo las propied
el archivo de
lo las propied
n, incluso cua
exception in
()
r()
Error()
n you use to c
de samples c
Te
ger.OpenWebCon
config"), Con
en el archivo
e objeto Conf
que se va a g
termina los v
modificado
siguientes v
edades se es
til para crear
adar valores d
dades que dif
e configuraci
dades modific
ando el valor
a Page Err
catch unhand
orrectly retri
ema
nfiguration("/
nfigurationSav
o de configu
iguration.
uardar el arc
valores de pr
la configura
valores:
scriban en el
r archivos de
de configurac
fieren de los
n.
cadas se esc
r es igual que
ror handler.
dled exceptio
ieves the curr
Configuia
/WebSite5");
veMode.Full, t
racin XML e
chivo de con
ropiedad que
cin; de lo c
archivo de co
configuraci
cin de un eq
valores here
riban en el ar
e el valor her
How can y
ons in an app
rent cookie c
acion uel
true);
especificado
figuracin.
e se van a
ontrario, fal
onfiguracin.
n de
quipo a otro.
dados se
rchivo de
redado.
ou access th
plication? (C
configuration
sitio web
los
se.
he last
Choose
n
b
A
B
C
D
4. Yo
re
A
B
C
D
A. VB
Dim sect
//C#
string s
B. VB
Dim sect
//C#
HttpCook
WebCo
C. VB
Dim sect
//C#
string s
D. VB
Dim sect
WebCo
//C#
HttpCook
WebCo
ou need to ha
equests a file
A. Implemen
B. Implemen
C. Implemen
D. Implemen
ion As String
ection = WebC
ion As HttpCo
iesSection se
onfigurationM
ion As String
ection = WebC
ion As HttpCo
onfigurationM
iesSection se
onfigurationM
ave ASP.NET
e ending in a
nt the IPartit
nt the IHttpM
nt the IHttpH
nt the IHttpH
g = WebConfigu
ConfigurationM
ookiesSection
ection = (Http
Manager.GetSec
g = WebConfigu
ConfigurationM
ookiesSection
Manager.GetSec
ection = (Http
Manager.GetSec
T dynamical
a .Doc extens
tionResolver
Module interf
Handler inter
HandlerFacto
Te
urationManager
Manager.GetSec
= _ WebConfig
pCookiesSectio
ction("httpCoo
urationManager
Manager.GetSec
= _
ction("system
pCookiesSectio
ction("system
lly generate W
sion. How ca
interface.
face.
rface.
ory interface
ema
r.GetSection _
ction("system
gurationManag
on)
okies");
r.GetSection(
ction("httpCo
.web/httpCook
on)
.web/httpCook
Word docum
an you do thi
.
Configuia
_ ("system.we
.web/httpCook
er.GetSection
"httpCookies"
okies");
ies")
ies");
ments when a
is?
acion uel
eb/httpCookies
kies");
n("httpCookies
")
Web browse
sitio web
s")
s")
er
b
AApliicac
T

cio
Tem
0sa
Info
uel
M
ne
con
ma
anuo
oima
Req
MC
s
n .N
o
acio
ques
CTS:
Web
NET
3
on
st
:
b
T
5
Te
Re
Det
En AS
objet
la ver
el tip
priva
{
}
Con
Obje
Respo
Requ
Serve
ema
eques
terminan
SP.NET, el ob
to del tipo Ht
rsin del exp
o de explora
ate void But
{
System.W
string s
+ "T
+ "N
+ "V
+ "M
+ "M
+ "P
+ "I
+ "I
+ "I
+ "I
+ "I
+ "S
+ "S
+ "S
+ "S
+ "S
+ "S
+ "S
TextBox1
}
ntexto de
ect Descripti
onse
En
AS
est
Pe
un
er
Pr
0sa
st
ndo Tipo
bjeto Reques
ttpBrowserC
plorador, y la
ador cliente.
tton1 Click(
Web.HttpBrow
"Browser
Type " + b
Name " + b
Version "
Major Versio
Minor Versio
Platform "
s Beta "
s Crawler
s AOL " +
s Win16 "
s Win32 "
upports Fram
upports Tab
upports Coo
upports VBS
upports Jav
browser.Ecm
upports Jav
upports Act
+ "\n";
.Text s;
Pgina y
ion
ncapsula la inf
SP.NET.
ermite a ASP.N
na solicitud W
roporciona m
nuo I
de Naveg
st contiene u
Capabilities.
a versin prin
object sende
serCapabilit
Capabilitie
rowser.Type
rowser.Brows
+ browser.Ve
n " + brow
n " + brow
+ browser.P
+ browser.Be
" + browser
browser.AOL
+ browser.W
+ browser.W
mes " + br
les " + br
kies " + b
cript " +
aScript "
aScriptVersi
a Applets
iveX Control
y Aplicac
formacin de
NET leer los v
eb.
todos auxiliar
Tema
Infoim
gador
una propieda
Este objeto
ncipal y secu
er, System.E
ties browser
es\n"
+ "\n"
ser + "\n"
ersion + "\n
wser.MajorVe
wser.MinorVe
Platform + "
eta + "\n"
r.Crawler +
L + "\n"
Win16 + "\n"
Win32 + "\n"
rowser.Frame
rowser.Table
browser.Cook
browser.VBS
+
ion.ToString
" + browser
ls " + bro
in
la respuesta H
valores HTTP e
res para proce
0sanu
macio
ad denomina
contiene pro
ndaria que p
EventArgs e)
r Request.
n"
ersion + "\n
ersion + "\n
"\n"
"\n"
"
"
es + "\n"
es + "\n"
kies + "\n"
Script + "\n
g() + "\n"
r.JavaApplet
owser.Active
HTTP de una o
enviados por u
esar las solicit
uo Infoim
on ue
ada Browser
opiedades co
puede utiliza
Browser;
n"
n"
n"
ts + "\n"
eXControls
operacin
un cliente dura
tudes Web.
macion ue
el
que devuelv
omo el nomb
r para deter
ante
l Request
ve un
bre y
minar
t
Conte
Sessio
Appli
Trace
Req
Mto
Prop
ext
En
HT
on
Pr
co
du
ication
Pr
e
Pr
re
es
quest
odos
MapPath S
u
SaveAs G
piedades
Nombre
AcceptTypes
AnonymousI
ApplicationP
AppRelative
Browser
ClientCertific
ncapsula toda
TTP individual
roporciona acc
onfiguracin d
uracin.
roporciona acc
roporciona un
ealizar el segu
sta clase.
obrecargado
na ruta de ac
uarda una so
s
ID
Path
CurrentExecu
cate
la informaci
.
ceso a los valo
e la sesin y a
ceso a los valo
conjunto de m
imiento de la
. Asigna la ru
cceso fsica d
olicitud HTTP
utionFilePath
Tema
n especfica d
ores del estad
a los mtodos
ores del estad
mtodos y pro
ejecucin del
uta de acceso
el servidor, c
en el disco.
Descripci
Obtiene un
MIME adm
Obtiene el
hay.
Obtiene la
aplicacin
Obtiene la
aplicacin
de tilde (~
"~/page.as
Obtiene o e
posibilidade
la solicitud
Obtiene el
la solicitud
0sanu
de HTTP acerc
do de la sesin
s de administr
do de la aplica
opiedades que
cdigo. No se
o virtual de la
correspondien
n
na matriz de c
itidos por el c
identificador
ruta de acce
ASP.NET en e
ruta de acce
y la hace rela
) para la raz
spx").
establece info
es del explor
.
certificado de
actual.
uo Infoim
a de una solic
n, a la
racin de la
cin.
e le ayudan a
e puede hered
a direccin UR
nte a la solici
cadenas de t
cliente.
annimo del
so a la raz v
el servidor.
so virtual de
ativa utilizand
z de la aplicac
ormacin ace
rador del clie
e seguridad d
macion ue
citud
dar
RL solicitada
itud actual.
ipos Accept
l usuario, si
virtual de la
la raz de la
do la notaci
cin (como e
erca de las
nte que realiz
del cliente pa
l Request
a
o
n
n
za
ara
t
ContentEnco
ContentLeng
ContentType
Cookies
CurrentExec
FilePath
Files
Filter
Form
Headers
HttpMethod
InputStream
IsAuthentica
IsLocal
IsSecureCon
Item
LogonUserId
Params
Path
PathInfo
PhysicalApp
PhysicalPath
oding
gth
e
cutionFilePath
m
ated
nnection
dentity
licationPath
h
h
Tema
Obtiene o e
cuerpo de
Especifica
cliente, en
Obtiene o e
solicitud en
Obtiene un
cliente.
Obtiene la
actual.
Obtiene la
actual.
Obtiene la
cliente, en
Obtiene o e
la secuenc
Obtiene un
Obtiene un
Obtiene el
(como GE
Obtiene el
entrante.
Obtiene un
autenticad
Obtiene un
equipo loca
Obtiene un
utiliza sock
Obtiene el
colecciones
ServerVaria
Obtiene el
actual.
Obtiene un
QueryStrin
Obtiene la
actual.
Obtiene inf
de un recu
Obtiene la
fsico del d
que se est
Obtiene la
0sanu
establece el j
la entidad.
la longitud de
bytes.
establece el t
ntrante.
na coleccin d
ruta de acce
ruta de acce
coleccin de
formato MIM
establece el f
ia actual de e
na coleccin d
na coleccin d
mtodo de tr
T, POST o HE
contenido de
n valor que in
o.
n valor que in
al.
n valor que in
kets seguros,
objeto espec
s Cookies, Fo
ables.
tipo Window
na coleccin c
g, Form, Ser
ruta de acce
formacin ad
rso con exten
ruta de acce
irectorio raz
ejecutando
ruta de acce
uo Infoim
juego de cara
el contenido
tipo de conte
de cookies en
so virtual de
so virtual de
archivos car
ME de varias p
filtro que se u
entrada.
de variables d
de encabezad
ransferencia
EAD) que uti
el cuerpo de l
ndica si la sol
ndica si la sol
ndica si la con
es decir, HT
cificado desde
orm, QuerySt
sIdentity par
combinada de
rverVariables
so virtual de
icional de la
nsin URL.
so al sistema
de la aplicac
.
so al sistema
macion ue
acteres del
enviado por e
enido MIME de
nviada por el
la solicitud
la solicitud
rgada por el
partes.
utilizar al le
de formulario
dos HTTP.
de datos HTT
iliza el client
la entidad HT
icitud se ha
icitud es del
nexin HTTP
TTPS.
e las
ring o
ra el usuario
e elementos
y Cookies.
la solicitud
ruta de acces
a de archivos
cin de servid
a de archivos
l Request
el
e la
er
o.
TP
e.
TTP
so
dor
t
"<br>
QueryString
RawUrl
RequestType
ServerVaria
TotalBytes
Url
UrlReferrer
UserAgent
UserHostAdd
UserHostNam
UserLanguag
Timestam
Applicat
VirtualP
Physical
HttpHead
>");
HttpMeth
IsAuthen
IsLocal.
IsSecure
LogonUse
TotalReq
UserAgen
IpAddres
if (Requ
UrlR
else
UrlR
UserLang
foreach
User
e
bles
dress
me
ges
mp.Text Co
tionPath.Tex
Path.Text
Path.Text
ders.Text
hod.Text R
nticated.Tex
Text Requ
eConnection.
erIdentity.T
questBytes.T
nt.Text Re
s.Text Re
uest.UrlRefe
Referrer.Tex
Referrer.Tex
guages.Text
(string s i
rLanguages.T
ntext.Timest
t Request
Request.File
Server.MapP
Server.UrlDe
equest.HttpM
t Request
est.IsLocal
Text Reque
ext Reques
ext Reques
quest.UserAg
quest.UserHo
rrer ! null
t Request
t "No refe
String.Emp
n Request.Us
ext + s + "
Tema
fsico corre
Obtiene la
consulta H
Obtiene la
actual.
Obtiene o e
datos HTTP
Obtiene un
Web.
Obtiene el
entrada ac
Obtiene inf
la solicitud
Obtiene inf
la solicitud
vnculo con
Obtiene la
explorador
Obtiene la
Obtiene el
Obtiene un
preferencia
tamp.ToStrin
.Application
ePath;
Path(Request
ecode(Reques
Method;
.IsAuthentic
.ToString();
est.IsSecure
st.LogonUser
st.TotalByte
gent;
ostAddress;
l)
.UrlReferrer
errer";
pty;
serLanguages
"<br>";
0sanu
espondiente a
coleccin de
TTP.
direccin UR
establece el m
P (GET o POS
na coleccin d
nmero de b
tual.
formacin ace
actual.
formacin ace
anterior del
n la direccin
cadena de ag
r del cliente.
direccin IP
nombre DNS
na matriz de c
as de idioma
ng();
nPath;
t.FilePath);
st.Headers.T
cated.ToStri
;
eConnection.
rIdentity.To
es.ToString(
r.ToString()
s)
uo Infoim
a la direccin
variables de
RL original de
mtodo de tr
ST) que utiliz
de variables d
bytes de la se
erca de la dir
erca de la dir
cliente que e
URL actual.
gente de usu
del host del c
S del cliente r
cadenas orde
del cliente.
ToString()).
ing();
ToString();
oString();
();
;
macion ue
URL solicitad
tipo cadena
la solicitud
ransferencia d
za el cliente.
de servidor
ecuencia de
reccin URL d
reccin URL d
estableca un
uario original
cliente remot
remoto.
enada con las
Replace("&"
l Request
da.
de
de
de
de
del
to.
s
,
t
Res
Mto
Prop
Serv
Mto
sponse
odos
AppendHead
Clear
ClearConten
ClearHeader
End
Flush
Redirect
SetCookie
piedades
Cookies
Buffer
Cache
Expires
Status
StatusCode
ver
odos:
ClearError
GetLastErro
HtmlDecode
HtmlEncode
MapPath
Transfer
der Agrega
Borra to
nt Borra to
rs Borra to
Enva a
pgina y
Enva al
Sobreca
Infraestr
Obtiene la c
Obtiene o e
en el bfer
la respuesta
Obtiene la d
configuraci
Obtiene o e
una pgina
la misma p
memoria ca
las versione
Establece la
Obtiene o e
devuelve al
Borra la ex
r Devuelve
e Sobrecarg
caracteres
Sobrecarg
Devuelve
acceso vir
Sobrecarg
un encabezad
oda la salida d
oda la salida d
odos los enca
cliente toda
y provoca el e
cliente toda
rgado. Redire
ructura. Actu
coleccin de
establece un
y se van a e
a completa.
directiva de c
n de privac
establece los
almacenada
gina antes d
ach. Expires
es anteriores
a lnea Status
establece el c
l cliente.
xcepcin ant
la excepcin
gado. Descod
s HTML no v
gado. Codifica
la ruta de ac
rtual especific
gado. Finaliza
Tema
do HTTP a la
de contenido
de contenido
bezados de l
la salida del
evento EndRe
la salida alm
ecciona un cl
aliza una coo
cookies de re
valor que ind
nviar despu
cach (por ej
dad y clusu
minutos que
en la cach
de que expir
s se proporcio
de ASP.
s que se dev
cdigo de est
erior.
anterior.
ifica una cad
lidos.
a una cadena
ceso al archi
cada en el se
a la ejecucin
0sanu
secuencia de
de la secuen
de la secuen
a secuencia d
bfer actual,
equest.
acenada en e
iente a una n
okie existente
espuesta.
dica si los res
s de que se
emplo, tiemp
las de variac
deben trans
de un explor
e, aparece la
ona para que
uelve al clien
ado de HTTP
ena que se h
a que se va a
vo fsico que
rvidor Web.
de la pgina
uo Infoim
e salida.
ncia del bfer
ncia del bfer
del bfer.
, detiene la e
el bfer.
nueva direcci
e en la colecc
sultados se va
haya termina
po de expirac
cin) de una p
scurrir antes d
rador. Si el us
versin alma
e exista comp
nte.
de la salida
ha codificado
mostrar en
corresponde
a actual e inic
macion ue
r.
r.
ejecucin de l
n URL.
cin de cooki
an a almacen
ado de proce
cin,
pgina web.
de que caduq
suario vuelve
acenada en
patibilidad con
que se
para elimina
un explorado
e a la ruta de
cia la ejecuci
l Request
la
es.
nar
sar
que
e a
n
r
or.
n
t
Acc
Page
La pr
estab
perm
elem
<%@ P
<!DOC
"http
<scri
pro
{
}
</scr
<html
<head
</hea
<body
<fo
<h3
<as
t
r
</a
</f
</bod
</htm
UrlDecode
UrlEncode
ediendo
e.Header
opiedad Hea
blecer inform
mite agregar i
ento head.
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
otected void
// Create
Style body
bodyStyle.
bodyStyle.
// Add the
// of the
Page.Heade
// Add the
Page.Heade
ript>
l >
d id "head1"
runat "ser
<title>To
ad>
y>
orm id "form
3>HtmlHead C
sp:label id
text "View
and
runat "serve
asp:label>
form>
dy>
ml>
de una nu
Sobrecarg
a travs d
Sobrecarg
desde el s
a las cab
ader obtiene
macin del en
informacin
ge "C#" %>
PUBLIC " //W
org/TR/xhtml
erver">
d Page Load(
a Style obj
yStyle new
ForeColor
BackColor
e style rule
current pag
er.StyleShee
e page title
er.Title "
rver">
be replaced
m1" runat "s
Class Exampl
"Label1"
w the HTML s
body style
er">
eva pgina p
gado. Descod
e HTTP y des
gado. Codifica
servidor Web
beceras
e una referen
ncabezado d
como hojas
3C//DTD XHTM
1/DTD/xhtml1
object sende
ect for the
Style();
System.Draw
System.Draw
named bodyS
e. The rule
t.CreateStyl
to the head
HtmlHead Exa
.</title>
erver">
e</h3>
ource code o
added to the
Tema
para la solicit
ifica una cad
spus se env
a una cadena
hasta el clien
ncia a un obj
el document
de estilos, re
ML 1.0 Trans
1 transition
er, System.E
body of the
wing.Color.B
wing.Color.L
Style to the
is for the
leRule(bodyS
der element.
ample";
of this page
e header ele
0sanu
ud actual.
ena que se c
i al servidor
a para una tra
nte a travs d
eto HtmlHea
to para la p
eglas de esti
sitional//EN
nal.dtd">
EventArgs e)
e page.
Blue;
LightGray;
e header
body HTML e
Style, null,
.
e to see the
ement."
uo Infoim
codific para s
r en una direc
ansmisin HT
de la direcci
ad que se pu
gina. El obje
lo, un ttulo
N"
element.
"body");
e title
macion ue
su transmisi
ccin URL.
TTP segura
n URL.
uede utilizar
eto HtmlHea
y metadatos
l Request
n
para
d le
s al
t
www.uepuianuo.com Suu
Tes
1. Wh
a
2. Yo
3. Wh
t
hich of the fo
apply.)
A. Whether
B. Whether t
C. The user
D. Whether
E. Whether t
ou have crea
<Query>.
A. Page.Ti
B. Page.He
C. Respons
D. Respons
hich of the f
the browse
A. Flush
B. Clear
C. End
D. ClearCo
following can
the client ha
the user is lo
s e-mail add
the browser
the browser
ated an ASP.N
. How can yo
itle
eader.Title
se.Header.Ti
se.Title
following Re
r while allow
ontent
n you determ
as the .NET F
ogged on as a
dress
supports Ac
supports Jav
NET search
ou dynamica
itle
esponse meth
wing you to a
Tema
mine from the
Framework C
an administra
tiveX
vaScript
page and w
ally set the pa
hods causes
add to the res
0sanu
e Request.Br
CLR installed
ator
ant to set the
age title?
ASP.NET to
sponse later?
uo Infoim
rowser object
d
e page title t
o send the cu
?
macion ue
t? (Choose a
to Search re
urrent respo
l Request
all that
esults:
nse to
t
www.uepuianuo.com Su1
AApliicaccio
Te
P
N
e
M
ne
con
ema
gin
aest

MC
s
n .N
a
nas
tias
CTS:
Web
NET
3
s
:
b
T
5
Te
ASP.N
crear
el em
propo
Pg
Una p
como
se mo
tener
pgin
coloc
Para
1
2
3
ema
Net facilita la
r un marco co
mpleo de la p
orcionado po
ginas Mae
pgina maes
o una plantill
ostrar en to
r una pgina
na maestra. T
camos el con
Utilizar pgi
1. Creamos
2. Agregam
3. Agregam
Pgi
a consistenci
onsistente, e
gina Web p
or pistas q
estras
stra proporci
la para todas
odas las pgi
maestra con
Todas las pg
tenido que v
nas maestra
un sitio web
os una pgin
os pginas d
inas N
ia de un sitio
en el que cad
por parte del
ue indiquen
ona HTML co
s las pginas
nas que utili
n un logotipo
ginas maestr
vara en cada
s realizamos
b
na maestra a
de contenido
Naes
o web con las
da pgina ub
l usuario, pro
al usuario c
ompartido, c
de un sitio.
cen esa pg
o y un men
ras tienen un
a pgina hija
s los siguient
al sitio
o basadas en
T
stias
s pginas ma
bicar su cont
oporcionado
mo ha llega
controles y c
Todo lo que
ina maestra.
; stos se mo
na zona de co
.
es pasos:
la pgina ma
Tema
aestras, que
tenido. La na
o por el mapa
ado a la pgi
cdigo, que p
aparece en
Por ejemplo
ostrarn en c
ontenido en
aestra
Pginas
no permiten
avegacin fa
a del sitio y/o
na actual.
pueden usars
la pgina ma
o, podramos
cada hijo d
las que
Naestias
n
cilita
o
se
aestra
s
de la
s
www.uepuianuo.com SuS
Se cre
<asp:
Este c
pgin
Conte
ear la pgin
ContentPlac
</asp:Co
comodn ser
nas hijo). En
entPlaceHold
na maestra c
ceHolder id
ontentPlaceH
r lo que relle
la pgina ma
der.
on una decla
"CPHContenid
older>
enar el con
aestra, podem
aracin de co
do" runat "s
tenido de la
mos aadir l
T
ontrol ya col
server">
pgina que
o que quera
Tema
ocada:
use esta pg
mos alreded
Pginas
gina maestra
dor del contr
Naestias
(las
rol
s
Aa
Las p
el Co
Pode
propi
Una p
stas
<form
desig
Esto
en tie
En las
<%@ P
CodeF
<asp:
</asp
<asp:
</asp
La dir
El con
corre
Pgi
Es no
otros
un en
mant
web p
ms v
Edit
En re
(desd
que l
publi
{
}
Adem
<%@ M
adir Pgin
ginas que a
ntentPlaceH
mos colocar
io ID)
pgina maes
s son archivo
m>, <head> y
gnada en el c
nos permitir
empo de ejec
s pginas hij
Page Languag
File "Defaul
Content ID
p:Content>
Content ID
p:Content>
rectiva @Pag
ntrol Conten
espondiente
inas Maes
ormal que qu
s elementos s
ncabezado q
tuvieran en c
puede comb
ventajoso pa
tar Dinm
spuesta a cie
de una pgin
as pginas se
ic Image Log
{
get { re
set { th
}
ms de defini
MasterType v
nas de Cd
aadiremos,
older que he
r ms de un C
stra tiene un
s .aspx norm
y <body>. To
control Conte
r ver el aspe
cucin.
as tendremo
ge "C#" Mast
t.aspx.cs"
"Content1"
"Content2"
ge contiene
nt tiene una p
stras Anid
ueramos man
slo se comp
ue se mantu
cada divisin
binarse con u
ara cada pg
micamente
ertos evento
a hija). Para
ecundarias p
go
eturn this.I
his.ILogo v
ir las propied
virtualpath
digo
que utilizar
emos aadid
ContentPlace
controlPlace
males, con un
odo el conten
entPlaceHold
ecto de la nu
os
erPageFile "
Inherits " D
ContentPlace
ContentPlace
una referenc
propiedad qu
dadas
ntener algun
partirn en u
uviera para to
n. ASP.NET no
una pgina an
ina.
e la pgin
os, podemos
ello, crearem
puedan acced
Logo; }
value; }
dades en la p
"~/MasterPag
n esta pgin
do a la pgina
eHolder en u
eHolder vac
na directiva P
nido del cont
der de la pg
eva pgina c
"~/MasterPag
Default" Tit
eHolderID "h
eHolderID "C
cia al archivo
ue lo enlaza
nos elemento
una parte de
oda la compa
os permite c
nidada, o co
na maestr
querer cam
mos una pro
der y cambia
pgina maest
ge.master" %
T
na maestra, c
a maestra.
una pgina m
o. Este contr
Page, pero si
trol hijo se e
gina maestra
cuando se co
ge.master" A
tle "Pgina
head" Runat
CPHContenido
o MasterPage
con el Conte
os a lo largo
la misma. Po
aa, pero ta
rear pginas
n la pgina m
a
biar la prese
piedad pbl
arla.
tra, en las hi
%>
Tema
colocar tod
maestra (cada
rol est lleno
in las etiquet
ncuentra en
.
ombine con l
AutoEventWir
sin ttulo"
"Server">
o" Runat "Se
e de esta pg
entPlaceHold
de toda la ap
or ejemplo,
ambin elem
s anidadas. C
maestra origi
ntacin de la
ica en la pg
jas tendrem
Pginas
o su conteni
a una tiene s
o de pginas
tas <html>,
la zona
a pgina ma
reup "true"
%>
erver">
gina .
derID
plicacin, pe
podramos t
mentos que se
Cualquier pg
inal, lo que s
a pgina mae
gina maestra
os que hace
Naestias
ido en
si
hijas.
estra
ro
ener
e
gina
sea
estra
, a la
r:
s
www.uepuianuo.com SuS
Propo
pgin
prote
{
}
Refe
Contr
Image
im.Im
Carg
Estam
dinm
Podr
x
x
x
Tes
1. Wh
2. Wh
a
3. Y
c
orciona un m
na principal d
ected void B
{
this.Maste
}
erenciar C
rol c Mast
e im (Imag
mageUrl "~
gar Pgin
mos ante un
micamente u
amos hacer
Almacena
Volver a

Ses
Res
En el PreI

void Page_
{ if (Sess
Ma
}
t
hat is the rela
A. One mast
B. One conte
C. Multiple
D. One cont
hich of the f
all that apply
A. Content p
B. Content p
C. Content p
D. Content p
You are con
compatibility
medio de cre
de ASP.NET c
Button1 Clic
er.Logo.Imag
Controles
ter.FindCont
ge)c;
/imagenes/i
nas Maestr
escenario en
una de ellas p
:
ar en sesin
a cargar la p
ssion["master
sponse.Redire
Init cargar la
_PreInit(Objec
sion["masterpa
asterPageFile
ationship bet
ter page for m
ent page for
content page
ent page for
following sta
.)
pages can ref
pages can ref
pages can ref
pages can ref
nverting an
y, you need t
ar una refere
cuando la pro
k(object sen
eUrl "~/imag
s
rol("ILogo")
nadecobn.jpg
ras Dinm
n el que teng
para las pgi
el nombre d
pgina
page"] = "Mas
ct(Request.Ur
masterpage
ct sender, Ev
age"] != null
= (String)Se
tween master
multiple cont
multiple ma
es for multipl
one master p
atements abo
ference priva
ference publi
ference publi
ference contr
existing W
to read prop
encia con es
opiedad Mas
nder, EventA
genes/inadec
);
g";
micament
gamos difere
nas hijas.
de la masterp
ster2.master";
rl.ToString())
e necesaria
entArgs e)
)
ession["master
r and conten
tent pages
ster pages
le master pag
page
out referencin
ate properties
ic properties
ic methods in
rols in the m
Web applicat
perties from
T
tablecimient
ster tiene ac
Args e)
cobn.jpg";
te
entes mastes
page que que
;
);
rpage"];
nt pages? (Ch
ges
ng master pa
s in the mast
in the maste
n the master
aster page.
tion to use
the master p
Tema
to inflexible
ceso a la pg
spages y que
eramos
hoose the bes
age member
ter page.
er page.
page.
master pag
page. Which
Pginas
de tipos a la
gina principa
eramos carga
st answer.)
s is true? (C
ges. To ma
h of the follo
Naestias
al
ar
Choose
aintain
owing
s
c
p
A. Ad
D. Ad
4. Yo
sh
A. Pa
changes are y
page? (Choos
dd an @ M
B. Add an @
C. Add a Ma
dd a Content
ou need to d
hould you im
age Load
B. Page Ren
C. Page Pre
D. Page Pre
you require
se all that app
asterType d
@ Master d
asterPageFil
tPlaceHolder
dynamically
mplement the
nder
eRender
eInit
d to make to
ply.)
declaration.
declaration.
le attribute to
r control.
change the
e dynamic ch
o .aspx page
o the @ Pag
master page
hanging? (Ch
T
es to enable
ge declaratio
e of a conten
hoose the bes
Tema
them to wo
on.
nt page. In
st answer.)
Pginas
ork with a m
which page
Naestias
master
event
s
AApliicaccio
Te
Te
M
ne
con
ema
ema

MC
s
n .N
a
as
CTS:
Web
NET
3
:
b
T
5
Te
Tema
inform
"Tem
entor
admi
Los T
ASP.N
los co
estab
anchu
(CSS)
contr
CSS, o
(Tem
contr
Apli
La W
aspec
es la
de se
estilo
de se
nuest
Apli
Las e
fijar a
HTM
HTM
servid
estilo
ema
as y Skins L
macin de e
ma". Un Tema
rno de las p
nistrarse rea
Temas tambi
NET incluye v
ontroles de n
blecer las pro
ura, altura, e
para factori
roles. Podem
o podemos d
a), que se ap
roles individu
icando es
eb es un ent
cto de difere
responsable
ervidor de AS
os CSS de pri
ervidor y nos
tros Formula
icando es
tiquetas est
a una lista de
L de servidor
L estndares
dor. Si obser
os se pasan a
Tem
La caracterst
stilo y diseo
a se puede a
ginas y cont
alizando cam
n se puede
varias caract
nuestra aplic
opiedades de
etc. Los cont
izar los ajust
mos definir la
definir esta i
plicarn a tod
uales se espe
stilos a C
torno flexible
entes Web Si
e de los ricos
SP.NET y los c
mera clase. E
muestra el b
arios Web.
tilos a con
ndar HTML
e parejas atr
r de ASP.NET
s. El siguiente
rvamos el c
al navegador
mas y
tica de Tema
o en un grup
plicar a cualq
troles del siti
mbios al Tema
n compartir
tersticas par
cacin. Los co
e estilo como
roles tambi
es de estilo d
a informacin
nformacin
das o una pa
ecifican com
Controles
e para las int
tes. La adop
diseos que
controles de
Esta seccin
buen contro
ntroles ht
L soportan C
ibuto/valor d
T pueden ace
e ejemplo va
digo fuente
en la repres
Peifi
as y Skins de
po separado
quier sitio de
io. Los camb
a, sin tener q
con otros de
ra personaliz
ontroles sop
o fuentes, bo
n soportan c
de forma sep
n de los estil
en grupos de
arte de las p
o un Skin de
s
terfaces de u
cin general
e podemos e
e servidor we
discute cm
l que nos pro
tml
SS a travs d
delimitada p
eptar estilos
arios estilos a
de la pgina
sentacin de
iles
ASP.NET 2.0
de ficheros,
e forma que
ios en el Esti
que editar la
esarrolladore
ar la aparien
ortan un mo
ordes, colore
completame
parada de las
os como pro
e ficheros se
ginas de la a
entro de un T
usuario, con v
lizada de "Ca
ncontrar en
eb has sido d
mo utilizar est
oporcionan s
del atributo
por puntos y
de la misma
aplicados a d
devuelta al
los controle
0 nos permite
a cuyo conju
afecte a la a
ilo de un sitio
s pginas de
es.
ncia o el estil
odelo de obje
es de fondo y
ente "Cascad
s propiedade
opiedades de
eparados llam
aplicacin. L
Tema.
variaciones e
ascading Styl
la Web. Tod
diseados pa
tos estilos ju
sobre la apar
"style" (esti
comas. Todo
a forma que
diferentes co
cliente, vere
es.
Tema
e factorizar l
unto llamam
apariencia y
o pueden
e forma indiv
o de las pg
eto Style par
y primer plan
ing Style She
es de los
e los controle
mados Them
os estilos de
extremas en
le Sheets" (C
dos los contro
ra soportar l
unto con con
riencia de
ilo), que se p
os los contro
las etiquetas
ontroles de
emos que est
Temas
a
os
vidual.
inas y
ra
no,
eets"
es o
e
e
el
CSS)
oles
los
troles
puede
oles
s
tos
s
<%@ P
<html
<body
<h3
<p>
<sp
runat
</s
<p>
<bu
color
<p>
Page Languag
l>
y>
3><font face
><font face
pan id "Span
t "server">
This is so
span>
><font face
utton id "Bu
r:black;widt
><font face
ge "C#" %>
e "verdana">A
"verdana"><
n1" style "f
ome literal
"verdana"><
utton1" styl
th:100" runa
"verdana"><
Applying Sty
h4>Styled Sp
ont: 12pt ve
text inside
h4>Styled Bu
e "font: 8pt
t "server">C
h4>Styled Te
yles to HTML
pan</h4></fo
erdana; colo
a styled sp
utton</h4></
t verdana;ba
Click me!</b
ext Input</h
L Controls</
ont><p>
or:orange;fo
pan control
/font><p>
ackground co
button>
h4></font><p
/font></h3>
ont weight:7
olor:lightgr
p>
Tema
00"
reen;border
Temas
s
www.uepuianuo.com S1u
Ent
<in
verda
runat
<p>
Sel
<se
color
<
<
<
</s
<p>
Sel
<sp
<in
color
<in
color
<in
color
</s
</bod
</htm
CSS t
conte
senci
estilo
tal y c
<%@ P
<html
<head
<st
ter some tex
nput id "Tex
ana;backgrou
t "server"/>
><font face
lect an item
elect id "Se
r:lightblue;
<option>Item
<option>Item
<option>Item
select>
><font face
lect an opti
pan style "f
nput id "Rad
r:red;zoom:2
nput id "Rad
r:red;zoom:2
nput id "Rad
r:red;zoom:2
span>
dy>
ml>
ambin defi
enida en una
llo definir lo
o. Los estilos
como muest
Page Languag
l>
d>
tyle>
.spanstyle
{
font:
font w
color:
}
.buttonsty
{
font:
backgr
border
width:
}
.inputstyl
{
font:
backgr
border
border
width:
}
.selectsty
{
font:
backgr
color:
}
.radiostyl
{
xt: <p>
xt1" type "t
und color:ye
>
"verdana"><
m: <p>
elect1" styl
color:purpl
m 1</option>
m 2</option>
m 3</option>
"verdana"><
on: <p>
font: 16 pt v
dio1" type "
00%" runat
dio2" type "
00%" runat
dio3" type "
00%" runat
na un atribu
a seccin <sty
s estilos una
en controles
tra el siguien
ge "C#" %>
e
12pt verdan
weight:700;
orange;
yle
8pt verdana
round color:
r color:blac
100
e
14pt verdan
round color:
r style:dash
r color:red;
300;
yle
14pt verdan
round color:
purple;
e
ext" value "
llow;border
h4>Styled Se
e "font: 14p
e;" runat "s
h4>Styled Ra
verdana;font
radio" name
"server"/>Op
radio" name
"server"/>Op
radio" name
"server"/>Op
to de clase q
yle>...</style
a vez y aplica
s HTML de se
te ejemplo.
a;
;
lightgreen;
k;
a;
yellow;
ed;
a;
lightblue;
"One, Two, T
style:dashe
elect Input<
pt verdana;b
server">
adio Buttons
t weight:300
"Mode" chec
ption 1<br>
"Mode" styl
ption 2<br>
"Mode" styl
ption 3
que puede fij
e> del docum
rlos a difere
ervidor tamb
Three" style
ed;border co
</h4></font>
background
s</h4></font
0">
cked style "
le "width:50
le "width:50
jarse a una d
mento. El atr
ntes etiquet
bin se pued
e "font: 14p
olor:red;wid
><p>
t><p>
"width:50;ba
0;background
0;background
definicin de
ibuto de clas
as sin tener
den establece
Tema
pt
dth:300;"
ackground
d
d
estilo CSS
se hace ms
que redefini
er de esta fo
Temas
ir el
rma,
s
</s
</hea
<body
<h3
<p>
<sp
</s
<p>
<bu
<p>
Ent
<in
runat
<p>
Sel
<se
<
<
<
</s
<p>
Sel
<sp
<in
runat
<in
2<br>
<in
3
</s
</bod
</htm
Cuan
propi
Syste
que m
clave
conse
Html
<scri
v
}
</scr
width:
backgr
zoom:2
}
style>
ad>
y>
3><font face
><font face
pan id "Span
This is so
span>
><font face
utton id "Bu
><font face
ter some tex
nput id "Tex
t "server"/>
><font face
lect an item
elect id "Se
<option>Item
<option>Item
<option>Item
select>
><font face
lect an opti
pan style "f
nput id "Rad
t "server"/>
nput id "Rad
>
nput id "Rad
span>
dy>
ml>
do se analiza
iedad Style (
em.Web.UI.H
muestra los e
de "styleat
ecuentemen
InputText.
ipt language
void Page Lo
MyText.S
Response
}
ript>
50;
round color:
00%
e "verdana">A
"verdana"><
n1" class "sp
ome literal
"verdana"><
utton1" clas
"verdana"><
xt: <p>
xt1" type "t
>
"verdana"><
m: <p>
elect1" clas
m 1</option>
m 2</option>
m 3</option>
"verdana"><
on: <p>
font: 16 pt v
dio1" type "
>Option 1<br
dio2" type "
dio3" type "
a una pgina
del tipo CssS
HtmlControl
estilos del co
ttibute". Por
te, obtener
e "C#" runat
oad(Object s
tyle["width
e.Write(MyTe
red;
Applying Sty
h4>Styled Sp
panstyle" ru
text inside
h4>Styled Bu
s "buttonsty
h4>Styled Te
ext" value "
h4>Styled Se
s "selectsty
h4>Styled Ra
verdana;font
radio" name
>
radio" name
radio" name
a ASP.NET, la
StyleCollecti
s.HtmlContr
ontrol como
ejemplo, po
el atributo d
"server" >
ender, Event
"] "90px";
xt.Style["wi
yles to HTML
pan</h4></fo
unat "server
a styled sp
utton</h4></
yle" runat "
ext Input</h
"One, Two, T
elect Input<
yle" runat "
adio Buttons
t weight:300
"Mode" chec
"Mode" clas
"Mode" clas
a informacin
on) dentro d
rol. Esta prop
grupos de va
odemos usar
de estilo "wid
tArgs E) {
;
idth"]);
L Controls</
ont><p>
r">
pan control
/font><p>
"server">Cli
h4></font><p
Three" class
</h4></font>
"server">
s</h4></font
0">
cked class "
ss "radiosty
ss "radiosty
n de estilo se
de la clase
piedad es, es
alores indexa
el siguiente
dth " (ancho)
/font></h3>
ick me!</but
p>
s "inputstyl
><p>
t><p>
"radiostyle"
yle" runat "
yle" runat "
e rellena den
sencialmente
ados por cad
cdigo para
) de un contr
Tema
tton>
e"
server"/>Op
server"/>Op
ntro de una
e, un diccion
denas, para c
fijar y,
rol de servid
Temas
tion
tion
ario
cada
or
s
<inpu
<%@ P
<html
<scri
v
"<br>
"<p>"
}
v
"<br>
}
</scr
<body
<fo
width
runat
OnSer
runat
color
ut type "tex
Page Languag
l>
ipt language
void Page Lo
Message.
Message.
>";
Message.
";
Message.
IEnumera
while (k
Stri
Mess
Mess
}
}
void Submit
Message.
MySpan.S
MyText.S
Message.
>";
Message.
}
ript>
y>
orm id "Form
<h3><font
<div style
h:1;border s
<span
<p>
Select
<selec
t "server">
<opt
<opt
<opt
</sele
<input
rverClick "S
</div>
<p><font f
<span id "
t "server">
This i
</span>
<p><font f
<button id
r:black;widt
xt" id "MyTe
ge "C#" %>
e "C#" runat
oad(Object S
InnerHtml +
InnerHtml +
InnerHtml +
InnerHtml +
ator keys M
keys.MoveNex
ng key (S
age.InnerHtm
age.InnerHtm
Click(Objec
InnerHtml +
tyle["color
tyle["width
InnerHtml +
InnerHtml +
m1" runat "s
face "verda
e "font: 8pt
tyle:solid;p
id "Message
t a color fo
ct id "Color
tion>red</op
tion>green</
tion>blue</op
ect>
t id "Submit
ubmit Click
face "verdan
MySpan" sty
s some lite
face "verdan
d "MyButton"
th:100" runa
xt" runat "s
"server">
rc, EventArg
"<h5>Acces
"The color
"The width
"MySelect
MySelect.Sty
t()) {
tring)keys.C
ml + "<li>&
ml + key +
t Src, Event
"<h5>Modif
"] ColorSe
"] "600";
"The color
"The width
erver">
na">Programm
verdana;bac
padding:1,10
" EnableView
r the span:
Select" styl
tion>
option>
ption>
1" type "sub
">
a"><h4>Style
le "font: 12
ral text ins
a"><h4>Style
style "font
t "server">C
server"/>
gs E ) {
ssing Styles
r of the spa
h of the tex
's style col
yle.Keys.Get
Current;

" " + MySel
tArgs E ) {
fying Styles
elect.Value;
r of the spa
h of the tex
matically Ac
ckground col
0,25,10">
wState "fals
<p>
le "font: 11
bmit" runat
ed Span</h4>
2pt verdana;
side a style
ed Button</h
t: 8pt verda
Click me!</b
s...</h5>";
an is: " + M
xtbox is: "
llection is:
tEnumerator(
;";
lect.Style[k
{
s...</h5>";
;
an is: " + M
xtbox is: "
ccessing Sty
lor:cccccc;b
se" runat "s
1pt verdana;
"server" Va
></font><p>
; color:oran
ed span cont
h4></font><p
ana;backgrou
button>
MySpan.Style
+ MyText.St
<br><br>";
();
key] + "<br>
MySpan.Style
+ MyText.St
yles</font><
border color
server"/>
font weight
alue "Change
nge;font wei
trol
p>
und color:li
Tema
e["color"] +
tyle["width"
>";
e["color"] +
tyle["width"
</h3>
r:black;bord
t:700;"
e Style"
ght:700"
ghtgreen;bo
Temas
] +
];
er
rder
s
www.uepuianuo.com S1S
verda
runat
color
style
color
color
<
</bod
</htm
Apli
Los co
aad
tales
repre
repre
Syste
propo
herra
El sig
incluy
propi
subp
<p><font f
Enter some
<input id
ana;backgrou
t "server"/>
<p><font f
Select an
<select id
r:lightblue;
<option>
<option>
<option>
</select>
<p><font f
Select an
<span styl
<input
e "width:50;
<input
r:red;zoom:2
<input
r:red;zoom:2
</span>
</form>
dy>
ml>
icando Es
ontroles We
iendo varias
como color
esentan un s
esentan com
em.Web.UI.W
orcionan com
amientas de
uiente ejem
ye un calend
iedad que es
ropiedad Pro
face "verdan
e text: <p>
"MyText" typ
und color:ye
>
face "verdan
item: <p>
d "MySelect"
color:purpl
>Item 1</opt
>Item 2</opt
>Item 3</opt
face "verdan
option: <p>
e "font: 16
t id "MyRadi
background
t id "MyRadi
00%" runat
t id "MyRadi
00%" runat
stilos a Co
eb de Sevidor
propiedade
de fondo, no
ubconjunto
o propiedad
WebControls
mprobacin
desarrollo co
plo muesta u
datio sin estil
s un tipo de c
opertyName
a"><h4>Style
pe "text" va
llow;border
a"><h4>Style
style "font
e;" runat "s
ion>
ion>
ion>
a"><h4>Style
pt verdana;
o1" type "ra
color:red;zo
o2" type "ra
"server"/>Op
o3" type "ra
"server"/>Op
ntroles d
r proporcion
s fuertemen
ombre y tam
de los comp
es llanas acc
s.WebContro
en tiempo d
omo Microso
un control W
los aplicados
clase, por eje
SubProperty
ed Text Inpu
alue "One, T
style:dashe
ed Select In
t: 14pt verd
server">
ed Radio But
;font weight
adio" name "
oom:200%" ru
adio" name "
ption 2<br>
adio" name "
ption 3
e Servido
an un nivel a
nte tipadas p
mao de la fu
ortamientos
cesibles direc
ol. La ventaj
e compilaci
oft Visual Stu
WebCalendar
s para contra
emplo Font,
yName.
ut</h4></fon
Two, Three"
ed;border co
nput</h4></f
dana;backgro
ttons</h4></
t:300">
"Mode" check
unat "server
"Mode" style
"Mode" style
or
adicional de
ara los ajuste
ente, etc. Es
s de estilo dis
ctamente a t
a de usar est
n y finalizac
udio .NET.
r con varios e
astar). Obser
necesitamos
nt><p>
style "font
olor:red;wid
font><p>
ound
/font><p>
ked
r"/>Option 1
e "width:50;
e "width:50;
soporte para
es de estilos
stas propieda
sponibles en
travs de la c
tas propieda
cin de decla
estilos aplica
rvad que al fi
s usar la sint
Tema
t: 14pt
dth:300px;"
<br>
background
background
a estilos,
ms usados
ades de estilo
HTML y se
clase base
ades es que
araciones en
ados a l (se
ijar una
taxis de
Temas
s,
o
s
<%@ P
<html
<body
Page Languag
l>
y>
ge "C#" %>
Tema Temas
s
<fo
<
</bod
</htm
El esp
encap
Table
acces
repre
Week
Pode
Prope
orm id "Form
<h3><font
<p><font f
<b>No Styl
<p>
<ASP:Calen
<p>
<b>Style:<
<p>
<ASP:Calen
BackC
ForeC
Borde
Borde
Borde
Heigh
Width
Font
Font
Font
CellS
CellP
ShowG
/>
</form>
dy>
ml>
pacio de nom
psula los atri
eItemStyle h
so a propieda
esentacin d
kendDaySty
mos fijar pro
ertyNameSu
m1" runat "s
face "verda
face "verdan
e:</b>
ndar ID "Cal
</b>
ndar ID "Cal
Color "Beige
Color "Brown
erWidth "3"
erStyle "Sol
erColor "Bla
ht "450"
h "450"
Size "12pt"
Names "Tahom
Underline "
pacing 2
Padding 2
GridLines tr
mbres System
ibutos de est
eredan de e
ades de este
el control. P
le, TodayDay
opiedades in
ubPropertyN
erver">
na">Applying
a"><h4>Style
endar1" runa
endar2" runa
"
"
id"
ck"
ma,Arial"
false"
ue
m.Web.UI.W
tilo comunes
sta clase bas
e tipo para es
or ejemplo,
yStyle, Selec
ndividuales p
Name, como m
g Styles to
e Properties
at "server"
at "server"
WebControls
s (las clases a
se comn). V
specificar el
da acceso
ctedDayStyle
ara estos es
muestra el s
Web Control
s</h4></font
/>
incluye una
adicionales d
Varios contro
estilo de ele
a propiedad
e, OtherMon
tilos median
iguiente ejem
ls</font></h
t><p>
clase base S
de estilo, com
oles Web de
mentos indiv
des de acceso
nthDayStyle
te la sintaxis
mplo.
Tema
h3>
tyle que
mo TableSty
servidor dan
viduales de
o como: Day
y NextPrevS
s de subprop
Temas
le y
n
yStyle,
Style.
piedad
s
<%@ P
<html
<body
<fo
Page Languag
l>
y>
orm id "Form
<h3><font
<p><font f
<ASP:Calen
BackC
ForeC
Borde
Borde
Borde
Heigh
Width
Font
Font
Font
CellS
CellP
ShowG
Title
Title
Title
Title
ge "C#" %>
m1" runat "s
face "verda
face "verdan
ndar ID "Cal
Color "Beige
Color "Brown
erWidth "3"
erStyle "Sol
erColor "Bla
ht "450"
h "450"
Size "12pt"
Names "Tahom
Underline "
pacing 2
Padding 2
GridLines tr
eStyle Borde
eStyle Borde
eStyle BackC
eStyle Heigh
erver">
na">Applying
a"><h4>Style
endar1" runa
"
"
id"
ck"
ma,Arial"
false"
ue
rColor "dark
rWidth "3"
olor "olived
t "50px"
g Styles to
e Sub Proper
at "server"
kolivegreen"
drab"
Web Control
rties</h4></
"
ls</font></h
/font><p>
Tema
h3>
Temas
s
<
</bod
</htm
Una s
elem
<ASP:
<
</ASP
<%@ P
<html
<body
<fo
BackC
BackC
DayHe
DayHe
DayHe
DayHe
DayHe
DaySt
DaySt
Today
WeekE
WeekE
WeekE
Selec
Selec
Other
Other
/>
</form>
dy>
ml>
sintaxis liger
ento hijo, an
Calendar ..
<TitleStyle
Back
P:Calendar>
Page Languag
l>
y>
orm id "Form
<h3><font
<p><font f
<ASP:Calen
BackC
ForeC
Borde
Borde
Borde
Heigh
Width
Font
Font
Font
CellS
CellP
ShowG
>
<Titl
Color "olive
<DayH
Color "olive
<Week
<DayS
eaderStyle B
eaderStyle B
eaderStyle B
eaderStyle F
eaderStyle H
tyle Width "
tyle Height
yDayStyle Bo
EndDayStyle
EndDayStyle W
EndDayStyle
ctedDayStyle
ctedDayStyle
rMonthDaySty
rMonthDaySty
amente dife
nidado dentr
. runat "se
BorderColor
kColor "oliv
ge "C#" %>
m1" runat "s
face "verda
face "verdan
ndar id "MyC
Color "Beige
Color "Brown
erWidth "3"
erStyle "Sol
erColor "Bla
ht "450"
h "450"
Size "12pt"
Names "Tahom
Underline "
pacing 2
Padding 2
GridLines tr
eStyle Bord
edrab" Heigh
HeaderStyle
edrab" ForeC
kEndDayStyle
tyle Width
orderColor "
orderWidth "
ackColor "ol
oreColor "bl
eight "20px"
50px"
"50px"
rderWidth "3
BackColor "p
Width "50px"
Height "50px
BorderColor
BorderWidth
le Width "50
le Height "5
rente permit
ro de las etiq
rver">
"darkoliveg
edrab" Heigh
erver">
na">Applying
a"><h4>Style
alendar" run
"
"
id"
ck"
ma,Arial"
false"
ue
erColor "dar
t "50px" />
BorderColor
olor "black"
BackColor "
"50px" Heigh
"darkolivegr
"3"
livedrab"
lack"
"
3"
palegoldenro
"
x"
r "firebrick
h "3"
0px"
50px"
te declarar c
quetas del co
green" Borde
ht "50px" />
g Styles to
e Sub Proper
nat "server"
rkolivegreen
"darkoliveg
" Height "20
"palegoldenr
ht "50px" />
reen"
od"
k"
cada propied
ontrol Web d
erWidth "3"
>
Web Control
rties</h4></
"
n" BorderWid
green" Borde
0px" />
rod" Width "
>
dad de Style c
e servidor.
ls</font></h
/font><p>
dth "3"
erWidth "3"
"50px" Heigh
Tema
como un
h3>
ht "50px" />
Temas
s
<
</bod
</htm
De la
contr
perm
<%@ P
<html
<head
<st
.
</s
</hea
<body
<fo
<Toda
<Sele
<Othe
</ASP:Cal
</form>
dy>
ml>
misma form
roles Web de
mite el acceso
Page Languag
l>
d>
tyle>
calstyle {
style>
ad>
y>
orm id "Form
<h3><font
<p><font f
<ASP:Calen
BackC
ForeC
Borde
Borde
Borde
Heigh
Width
CellS
CellP
ShowG
Title
Title
Title
Title
DayHe
DayHe
DayHe
DayHe
DayHe
DaySt
DaySt
Today
WeekE
WeekE
WeekE
Selec
Selec
Other
Other
ayDayStyle B
ectedDayStyl
erMonthDaySt
endar>
ma que con lo
e servidor me
o a una prop
ge "C#" %>
font size:1
m1" runat "s
face "verda
face "verdan
ndar ID "Cal
Color "Beige
Color "Brown
erWidth "3"
erStyle "Sol
erColor "Bla
ht "450"
h "450"
pacing 2
Padding 2
GridLines tr
eStyle Borde
eStyle Borde
eStyle BackC
eStyle Heigh
eaderStyle B
eaderStyle B
eaderStyle B
eaderStyle F
eaderStyle H
tyle Width "
tyle Height
yDayStyle Bo
EndDayStyle
EndDayStyle W
EndDayStyle
ctedDayStyle
ctedDayStyle
rMonthDaySty
rMonthDaySty
orderWidth "
e BorderColo
yle Width "5
os controles
ediante una
iedad String
2pt; font fa
erver">
na">Applying
a"><h4>The C
endar1" CssC
"
"
id"
ck"
ue
rColor "dark
rWidth "3"
olor "olived
t "50px"
orderColor "
orderWidth "
ackColor "ol
oreColor "bl
eight "20px"
50px"
"50px"
rderWidth "3
BackColor "p
Width "50px"
Height "50px
BorderColor
BorderWidth
le Width "50
le Height "5
"3" />
or "firebric
50px" Height
HTML de se
definicin d
llamada Css
amily:Tahoma
g Styles to
CssClass Pro
Class "calst
kolivegreen"
drab"
"darkolivegr
"3"
livedrab"
lack"
"
3"
palegoldenro
"
x"
r "firebrick
h "3"
0px"
50px"
ck" BorderWi
t "50px" />
rvidor, pode
e clase CSS.
sClass para e
a,Arial; }
Web Control
operty</h4><
tyle" runat
"
reen"
od"
k"
idth "3" />
mos aplicar
La clase base
stablecer la
ls</font></h
</font><p>
"server"
Tema
estilos a
e WebContr
clase estilo.
h3>
Temas
ol
s
<
</bod
</htm
Si se
fuert
contr
en el
de es
usar
la rep
es es
en el
<%@ P
<html
<head
<st
.
</s
</hea
<body
<fo
weigh
/>
</form>
dy>
ml>
establece un
emente tipa
rol. Por defec
HTML devue
stilo y clase s
las propieda
presentacin
pecialmente
siguiente eje
Page Languag
l>
d>
tyle>
beige { bac
style>
ad>
y>
orm id "Form
<h3><font
<p><font f
<table sty
<tr>
<td><b
<td><A
ht:700;"/></
</tr>
<tr>
<td><b
n atributo en
da del contr
cto, los cont
elto al naveg
se pueden es
des fuertem
n real del con
e til para los
emplo.
ge "C#" %>
ckground col
m1" runat "s
face "verda
face "verdan
yle "font: 1
b>Login: </b
ASP:TextBox
td>
b>Password:
n un control d
ol, el atribut
roles de serv
gador cliente
stablecer dire
mente tipadas
ntrol, tambi
s controles d
or:beige }
erver">
na">Applying
a"><h4>Expan
0pt verdana;
></td>
ID "TextBox1
</b></td>
de servidor q
to y el valor s
vidor represe
e que los hay
ectamente e
s. Mientras q
n puede ser
de entrada de
g Styles to
ndo CSS Styl
; background
1" runat "se
que no corre
se rellenan e
entarn esto
ya pedido. Es
en controles
que esto req
r una forma f
e formulario
Web Control
les</h4></fo
d color:tan"
erver" class
esponda a un
en el grupo A
os atributos s
sto significa q
Web de serv
uiere algo de
flexible de ap
estndares
ls</font></h
ont><p>
" cellspacin
s "beige" st
Tema
na propiedad
Attributes de
sin modificar
que los atrib
vidor, en luga
e comprensi
plicar estilos
cmo verem
h3>
ng 15>
tyle "font
Temas
d
l
rlos
utos
ar de
n de
. Esto
mos
s
class
<
</bod
</htm
Los e
el m
<%@ P
<%@ I
<html
<head
<st
.
</s
</hea
<scri
v
}
</scr
<body
<fo
weigh
<td><A
s "beige"/><
</tr>
<tr>
<td><b
<td>
<ASP
</AS
</td>
</tr>
<tr>
<td>&n
<td><A
</tr>
</table>
</form>
dy>
ml>
stilos de los
todo ApplyS
Page Languag
Import Names
l>
d>
tyle>
beige { bac
style>
ad>
ipt language
void Page Lo
System.W
style.Bo
style.Bo
style.Bo
MyLogin.
MyPasswo
MySubmit
}
ript>
y>
orm id "Form
<h3><font
<p><font f
<table sty
<tr>
<td><b
<td><A
ht:700;"/></
</tr>
<tr>
<td><b
ASP:TextBox
</td>
b>Select a V
P:DropDownLi
<ASP:ListIt
<ASP:ListIt
<ASP:ListIt
P:DropDownL
nbsp;</td>
ASP:Button I
controles W
Style de la cl
ge "C#" %>
pace "System
ckground col
e "C#" runat
oad(Object S
Web.UI.WebCo
orderColor
orderStyle
orderWidth
ApplyStyle
ord.ApplySty
t.ApplyStyle
m1" runat "s
face "verda
face "verdan
yle "font: 1
b>Login: </b
ASP:TextBox
td>
b>Password:
ID "TextBox2
iew: </b></t
st ID "DropD
em>Default D
em>My Stock
em>My Contac
ist>
D "Button1"
Web de servid
lase base We
m.Drawing" %
or:beige }
"server">
rc, EventArg
ntrols.Style
Color.Black
BorderStyle
1;
(style);
le (style);
(style);
erver">
na">Applying
a"><h4>Apply
0pt verdana;
></td>
id "MyLogin"
</b></td>
2" TextMode
td>
DownList1" c
Desktop</ASP
Portfolio</
ct List</ASP
Text "Submi
dor se puede
ebControl, c
%>
gs E ) {
e style ne
k;
e.Dashed;
g Styles to
ying Styles
; background
" runat "ser
"Password"
class "beige
P:ListItem>
/ASP:ListIte
P:ListItem>
it" runat "s
en establecer
mo vemos
ew System.We
Web Control
Programmati
d color:tan"
rver" class
runat "serv
e" runat "se
em>
server" clas
r mediante c
en el siguien
eb.UI.WebCon
ls</font></h
ically</h4><
" cellspacin
"beige" sty
Tema
ver"
erver">
s "beige"/>
cdigo utiliza
nte cdigo
ntrols.Style
h3>
</font><p>
ng 15>
yle "font
Temas
</td>
ando
();
s
class
class
<
</bod
</htm
Usa
En la
propi
<td><A
s "beige"/><
</tr>
<tr>
<td><b
<td>
<ASP
</AS
</td>
</tr>
<tr>
<td>&n
<td><A
s "beige"/><
</tr>
</table>
</form>
dy>
ml>
ar Temas
seccin ante
iedades de lo
ASP:TextBox
</td>
b>Select a V
P:DropDownLi
<ASP:ListIt
<ASP:ListIt
<ASP:ListIt
P:DropDownL
nbsp;</td>
ASP:Button i
</td>
para per
erior vimos v
os estilos en
id "MyPasswo
iew: </b></t
st id "MySel
em>Default D
em>My Stock
em>My Contac
ist>
d "MySubmit"
rsonaliza
varias formas
los propios
ord" TextMod
td>
lect" class
Desktop</ASP
Portfolio</
ct List</ASP
" Text "Subm
ar un siti
s de especifi
controles. Po
de "Password
"beige" run
P:ListItem>
/ASP:ListIte
P:ListItem>
mit" runat "
o
car estilos a
or ejemplo, c
d" runat "se
nat "server"
em>
"server"
los controle
consideremo
Tema
erver"
>
s fijando las
os la siguient
Temas
te
s
pgin
<%@ P
<!DOC
"http
<html
<head
na, qu tiene
Page Languag
CTYPE html P
p://www.w3.o
l xmlns "htt
d id "Head1"
e varios ajust
ge "C#" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
runat "serv
tes del estilo
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
ver">
aplicados a
ML 1.0 Trans
1 transition
tml">
los controle
sitional//EN
nal.dtd">
s individuale
N"
Tema
es de la pgin
Temas
na.
s
<ti
</hea
<body
<fo
<
ForeC
ForeC
ForeC
CellS
ID "C
Heigh
Size
DataS
Width
SortE
SortE
SortE
ID "S
FROM
<
</f
</bod
</htm
Adem
cuale
de fo
dise
pgin
fuent
itle>Page wi
ad>
y>
orm id "form
<div>
<h3>
Page wit
<asp:Label
Color "orang
<asp:Label
Color "orang
<asp:Label
Color "orang
<br />
This is so
<br />
<asp:Calen
Spacing "1"
Font Nam
Calendar1"
NextPrev
<Selecte
<OtherMo
<TodayDa
<DayStyl
<NextPre
<DayHead
ht "8pt" />
<TitleSt
"12pt"
ForeCo
</asp:Cale
<br />
<asp:GridV
SourceID "Sq
ForeColo
h "461px">
<FooterS
<Columns
<asp:B
Expression "
<asp:B
Expression "
<asp:B
Expression "
<asp:B
</Column
<RowStyl
<PagerSt
<Selecte
<HeaderS
<EditRow
<Alterna
</asp:Grid
<asp:SqlDa
SqlDataSourc
runat "s
[authors]">
</asp:SqlD
</div>
form>
dy>
ml>
ms de espec
es nos ofrece
rma separad
ar un sitio si
nas o el cdig
te externa pa
th No Theme
m1" runat "s
th No Theme A
ID "Label1
ge" /><br />
ID "Label2
ge" /><br />
ID "Label3
ge" /><br />
ome example
ndar BackCol
mes "Verdana
vFormat "Sho
edDayStyle B
onthDayStyle
ayStyle Back
e BackColor
evStyle Font
derStyle Fon
tyle BackCol
olor "White"
endar>
View AutoGen
qlDataSource
or "#333333"
tyle BackCo
>
BoundField D
au id" />
BoundField D
au lname" /
BoundField D
au fname" /
BoundField D
ns>
e BackColor
tyle BackCol
edRowStyle B
tyle BackCo
wStyle BackC
atingRowStyl
dView>
ataSource Co
ce1"
erver" Sele
>
DataSource>
cificar estilos
en una mane
da a las pgin
in preocupar
go de la aplic
ara aplicar aj
Applied</ti
erver">
Applied</h3>
" runat "ser
" runat "ser
" runat "ser
text: The qu
or "White" B
" Font Size
rtMonth" run
ackColor "#3
ForeColor "
Color "#9999
"#CCCCCC" /
Bold "True"
t Bold "True
or "#333399"
Height "12p
erateColumns
1"
GridLines "
lor "#1C5E55
ataField "au
ataField "au
>
ataField "au
>
ataField "st
"#E3EAEB" /
or "#666666"
ackColor "#C
lor "#1C5E55
olor "#7C6F5
e BackColor
nnectionStri
ctCommand "S
s en controle
ra fcil de de
nas de nuest
rte por el est
cacin. Tamb
justes estilst
itle>
>
rver" Text "
rver" Text "
rver" Text "
uick brown f
BorderColor
"9pt" ForeC
nat "server"
333399" Fore
"#999999" />
999" ForeCol
/>
" Font Size
e" Font Size
" BorderStyl
pt" />
s "False" Ce
"None" ID "G
5" Font Bold
u id" Header
u lname" Hea
u fname" Hea
tate" Header
/>
" ForeColor
C5BBAF" Font
5" Font Bold
57" />
"White" />
ing "<%$ Con
SELECT [au i
es individuale
efinir estilos
tra aplicacin
tilo y aplicarl
bin puedes
ticos a tu ap
"Hello 1" Fo
"Hello 2" Fo
"Hello 3" Fo
fox jumped o
"Black" Bor
Color "Black
" Width "330
eColor "Whit
>
lor "White"
"8pt" ForeC
e "8pt" Fore
le "Solid" F
ellPadding "
GridView1" r
d "True" For
rText "au id
aderText "au
aderText "au
rText "state
"White" Hor
t Bold "True
d "True" For
nnectionStri
id], [au lna
es, ASP.NET 2
para contro
n. El benefici
lo ms tarde
obtener tem
licacin. Otr
ont Bold "tr
ont Bold "tr
ont Bold "tr
over the laz
rderStyle "S
k" Height "2
0px">
te" />
/>
Color "White
eColor "#333
Font Bold "T
"4" DataKeyN
runat "serve
reColor "Whi
d" ReadOnly
u lname"
u fname"
e" SortExpre
rizontalAlig
e" ForeColor
reColor "Whi
ings:Pubs %>
ame], [au fn
2.0 introduc
les y pginas
o de los Tem
e sin tener qu
mas personal
o beneficio e
Tema
rue"
rue"
rue"
y dog.<br /
olid"
50px"
e" />
333"
True" Font
Names "au id
er"
te" />
"True"
ession "stat
gn "Center"
r "#333333"
te" />
>"
name], [stat
e Temas, los
s de nuestro
mas es que p
ue actualizar
izados de un
es que los aj
Temas
>
"
e" />
/>
/>
e]
s
sitio,
uedes
las
na
ustes
s
de es
indep
El sig
de es
inform
en la
Them
<%@ P
<!DOC
"http
<html
<head
<ti
</hea
<body
<fo
<
DataS
SortE
SortE
SortE
ID "S
FROM
<
</f
</bod
</htm
Exam
<asp:
<asp:
Fon
Nex
<Se
<Ot
stilo estan alm
pendiente de
uiente ejem
stilo para el c
macin de e
pgina en ti
me cs.aspx
Page Languag
CTYPE html P
p://www.w3.o
l xmlns "htt
d id "Head1"
itle>Page wi
ad>
y>
orm id "form
<div>
<h3>
Page wit
<asp:Label
<asp:Label
<asp:Label
<br />
This is so
<br />
<asp:Calen
<br />
<asp:GridV
SourceID "Sq
DataKeyN
<Columns
<asp:B
Expression "
<asp:B
Expression "
<asp:B
Expression "
<asp:B
</Column
</asp:Grid
<asp:SqlDa
SqlDataSourc
runat "s
[authors]">
</asp:SqlD
</div>
form>
dy>
ml>
mpleSkin.sk
Label Font
Calendar Ba
nt Names "Ve
xtPrevFormat
electedDaySt
therMonthDay
macenados e
e la aplicaci
plo muestra
control. Obse
stilo. El tema
empo de eje
ge "C#" Them
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
runat "serv
th Example
m1" runat "s
th Example T
ID "Label1
ID "Label2
ID "Label3
ome example
ndar ID "Cal
View ID "Gri
qlDataSource
Names "au id
>
BoundField D
au id" />
BoundField D
au lname" /
BoundField D
au fname" /
BoundField D
ns>
dView>
ataSource Co
ce1"
erver" Sele
>
DataSource>
kin
Bold "true"
ackColor "Wh
erdana" Font
t "ShortMont
tyle BackCol
yStyle ForeC
en una nica
n a la que se
la misma p
ervad que la
a aplica auto
ecucin.
e "ExampleTh
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
ver">
Theme Applie
erver">
heme Applied
" runat "ser
" runat "ser
" runat "ser
text: The qu
endar1" runa
dView1" Auto
1"
" runat "ser
ataField "au
ataField "au
>
ataField "au
>
ataField "st
nnectionStri
ctCommand "S
ForeColor "
ite" BorderC
Size "9pt"
h" Width "33
or "#333399"
olor "#99999
a ubicacin y
e le aplica el
gina con un
pgina en s
omticament
heme" %>
ML 1.0 Trans
1 transition
tml">
ed</title>
d</h3>
rver" Text "
rver" Text "
rver" Text "
uick brown f
at "server"/
oGenerateCol
rver">
u id" Header
u lname" Hea
u fname" Hea
tate" Header
ing "<%$ Con
SELECT [au i
"orange" run
Color "Black
ForeColor "
30px" runat
" ForeColor
99" />
pueden ser
Tema.
tema aplica
mismo no n
te las propied
sitional//EN
nal.dtd">
"Hello 1" />
"Hello 2" />
"Hello 3" />
fox jumped o
/>
lumns "False
rText "au id
aderText "au
aderText "au
rText "state
nnectionStri
id], [au lna
nat "server"
k" BorderSty
"Black" Heig
"server">
"White" />
mantenidos
do para espe
necesita cont
dades de est
N"
><br />
><br />
><br />
over the laz
e"
d" ReadOnly
u lname"
u fname"
e" SortExpre
ings:Pubs %>
ame], [au fn
" />
yle "Solid"
ght "250px"
Tema
s de forma
ecificar los a
tener ningun
tilo a los con
y dog.<br /
"True"
ession "stat
>"
name], [stat
CellSpacing
Temas
justes
na
troles
>
e" />
e]
"1"
s
<To
<Da
<Ne
<Da
<Ti
F
</asp
<asp:
For
<Fo
<Ro
<Pa
<Se
<He
<Ed
<Al
</asp
La ca
Los te
consi
Skin,
para
App_
tiene
Obse
defin
conte
Las p
de la
Por e
runat
en p
propi
para
Tem
Un te
globa
direct
anter
ASP.N
%WIN
odayDayStyle
ayStyle Back
extPrevStyle
ayHeaderStyl
itleStyle Ba
ForeColor "W
p:Calendar>
GridView Ce
reColor "#33
ooterStyle B
owStyle Back
agerStyle Ba
electedRowSt
eaderStyle B
ditRowStyle
lternatingRo
p:GridView>
arpeta App
emas residen
ste en un su
con extensi
ficheros est
_Themes con
un slo fich
rvad en el ej
iciones de co
ener varias d
ropiedades d
propiedad lo
ejemplo, una
t="server"/>
ginas con el
iedad se sob
una definici
as Globales
ema puede re
al para todas
torio App_Th
riormente. Lo
NETClientFile
NDIR%\Micr
e BackColor
kColor "#CCC
e Font Bold
e Font Bold
ackColor "#3
White" Heigh
ellPadding "
3333" GridL
BackColor "#
kColor "#E3EA
ackColor "#6
tyle BackCol
BackColor "#
BackColor "
owStyle Back
Themes
n en la carpe
bdirectorio b
n .skin. U
ticos, por ej
n dos temas d
ero skin y un
jemplo previ
ontrol, tal y c
definiciones d
de controles
ocal de un co
definicin d
que se encu
l Tema aplica
breescribir.
n de contro
s y de Aplic
esidir en un
s las aplicacio
hemes bajo
os temas glo
es, bajo el di
rosoft.NET
"#999999" Fo
CCC" />
"True" Font
"True" Font
33399" Borde
t "12pt" />
4"
ines "None"
1C5E55" Font
AEB" />
66666" ForeC
or "#C5BBAF"
1C5E55" Font
#7C6F57" />
Color "White
eta App_The
bajo esta car
Un tema pued
jemplo img
definidos, lla
no CSS.
io que los co
como ellas d
de control, p
s definidas en
ontrol del m
de un contro
uentre en un
ado utilizarn
Observad qu
ol en un fiche
cacin
nivel de apli
ones). Los te
el directorio
obales se colo
rectorio de i
T\Framewor
oreColor "Wh
Size "8pt"
t Size "8pt"
erStyle "Sol
Width "461p
t Bold "True
Color "White
" Font Bold
t Bold "True
e" />
mes, directa
rpeta que co
de contener
genes. La sigu
amados "Def
ontenidos de
deben aparec
por ejemplo u
n el tema sob
ismo tipo en
l del tipo <as
fichero skin
n la fuente V
ue es un erro
ero de skin.
cacin o en
mas de nive
raz de la ap
ocan en el d
nstalacin d
rk\<versio
hite" />
ForeColor "
" ForeColor
lid" Font Bo
px" runat "s
e" ForeColor
e" Horizonta
"True" Fore
e" ForeColor
amente bajo
ontiene un gr
tambin un
uiente figura
fault" y "Whi
un fichero s
cer en la pg
una definici
breescriben
n la pgina en
sp:Calendar
causar que
Verdana. Un
or especificar
un nivel mq
l de aplicaci
plicacin, com
irectorio "Th
e ASP.NET, p
on>\ASP.NE
"White" />
"#333333" H
old "True" F
server">
r "White" />
alAlign "Cen
eColor "#333
r "White" />
el directorio
rupo de uno
fichero CSS
a muestra el
te", cada un
skin son simp
gina. Un fiche
n por cada t
automticam
n la que aplic
FontName=
e todos los c
valor locar p
r un valor de
quina (acces
n se encuen
mo se ha des
hemes", bajo
por ejemplo
ETClientFi
Tema
Height "8pt"
Font Size "1
>
nter" />
333" />
>
o raz. Un tem
o mas ficher
y/o subdirec
directorio
o de los cua
plemente
ero de skin p
tipo de contr
mente los va
camos el tem
="Verdana"
ontroles Cale
para dicha
e ID de propi
ible de form
ntran en el
scrito
o una carpeta
iles\Theme
Temas
/>
2pt"
ma
ros
ctorio
les
puede
rol.
lores
ma.
endar
edad
a
a
es.
s
La ub
Inet
Asign
Se pu
Them
carpe
aplica
estilo
Asign
Tamb
espec
en un
un st
tendr
conti
<?xml
<conf
<
<
</con
Desh
Un co
el est
Skin
Por d
mism
mism
podr
en ot
Pode
la cre
porde
estab
En au
fijada
bicacin de lo
tpub\wwwro
nando un te
uede asignar
me="..." %
eta bajo el di
ado, pero en
o a los contro
nando un te
bin podemo
cificandolo e
na pgina pa
ring vaco (""
remos que e
nuacin).
l version "1
figuration x
<system.web>
<pages the
</system.web
nfiguration>
habilitar Te
ontrol espec
tablecimient
ns identi
defecto, la de
mo tipo en las
mo tipo tenga
amos quere
tra. Podemos
mos definir
eacin de def
emos estable
blecer este m
usencia de la
a). El siguient
os temas glo
oot\aspnet
ema a una p
un tema a u
%> al nombr
irectorio The
n dicho tema
oles de la pg
ema en con
os definir el t
en la seccin
rticular pode
"). Observad
stablecer el
.0"?>
xmlns "http:
>
eme "Example
b>
>
emas para u
fico puede s
o de la prop
ficados e
efinicin de u
s pginas de
an apariencia
er que el text
s hacer esto
diferentes e
finiciones se
ecer diferent
mismo SkinID
propiedad S
te ejemplo m
bales para lo
t_client\s
pgina
una pgina in
re del Tema d
emes o App_
pueden hab
gina.
nfig
tema aplicad
<pages th
emos estable
d que una ma
tema en pg
//schemas.mi
Theme"/>
un control
ser excluido
iedad Enable
en un Tem
un control en
la aplicacin
as diferentes
to de un cont
mediante sk
stilos para co
eparadas del
tes propieda
D en los contr
SkinID, se ap
muestra difer
os sition web
system_web
ndividual est
de nivel glob
_Themes). Un
ber varios fic
do para todas
heme="..."
ecer el atribu
aster page no
ginas de cont
icrosoft.com
de tener que
eTheming a
ma
n un fichero
n. Sin embarg
s en distintas
trol Label ap
kins identifica
ontroles del
control. En l
ades SkinID a
roles de las p
lica el skin p
rentes skins
b de IIS es
b\<version
ableciendo l
bal o de aplic
na pgina pu
heros skin p
s las pginas
"/> de Web
uto Theme d
o puede tene
tenido o en l
m/.NetConfig
e sobreescrib
false.
de skin se ap
go, podemos
s partes de la
parezca en ne
ados en un t
mismo tipo
las definicion
a nombres de
pginas que t
or defecto (u
para los con
n>\Themes.
a directiva <
cacin (el nom
uede tener s
ara aplicar c
s de la aplica
config. Para
de la directiva
er un tema a
la configurac
guration/v2.
bir sus propi
plica a todos
s querer que
a aplicacin.
egrita en una
tema.
en un ficher
nes de los co
e nuestra ele
tendrn dich
uno sin la pr
ntroles Label
Tema
.
<%@ Page
mbre de la
lo un tema
onfiguracion
cin
quitar este
a de la pgin
aplicado;
cin (descrito
0">
edades med
s los controle
e los controle
Por ejemplo
a parte y en
o skin media
ontroles
eccin, y des
ho skin aplica
opiedad Skin
y Calendar.
Temas
nes de
tema
na a
o a
iante
es del
es del
o,
italic
ante
spus
ado.
nID
s
Obse
estilo
Nam
<%@ P
<!DOC
"http
<html
<head
<ti
</hea
<body
<fo
<
<
rvad que a lo
os diferente a
medSkin cs.a
Page Languag
CTYPE html P
p://www.w3.o
l xmlns "htt
d id "Head1"
itle>Named S
ad>
y>
orm id "form
<div>
<h3>Named Sk
os controles
al skin por de
aspx
ge "C#" Them
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
runat "serv
kins</title
m1" runat "s
kins</h3>
de una pgi
efecto.
e "OrangeThe
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
ver">
>
erver">
na con un Sk
eme2" %>
ML 1.0 Trans
1 transition
tml">
kinID estable
sitional//EN
nal.dtd">
ecido se les a
N"
Tema
aplica un gru
Temas
po de
s
<
</f
</bod
</htm
Labe
<asp:
<asp:
Calen
<asp:
DayNa
Heigh
<Se
<Se
<Ot
<To
<Ne
<Da
<Ti
/>
</asp
<asp:
CellP
ForeC
<Se
<Se
<We
<Ot
<To
<Ne
<Da
<Ti
</asp
Los sk
de lo
skins
las de
skin e
/Web
/App
/M
De
Re
Bl
Alter
que c
<asp:Label
<asp:Label
<asp:Label
<br />
<asp:Calen
<br />
<asp:Calen
</div>
form>
dy>
ml>
el.skin
label runat
label runat
ndar.skin
Calendar ru
ameFormat "F
ht "200px" S
electedDaySt
electorStyle
therMonthDay
odayDayStyle
extPrevStyle
ayHeaderStyl
itleStyle Ba
p:Calendar>
Calendar Sk
Padding "4"
Color "Black
electedDaySt
electorStyle
eekendDaySty
therMonthDay
odayDayStyle
extPrevStyle
ayHeaderStyl
itleStyle Ba
p:Calendar>
kins identific
s temas. Deb
identificado
efiniciones d
en un Tema,
bSite1
p_Themes
MyTheme
efault.skin
ed.skin
lue.skin
nativamente
cada skin con
ID "Label1
ID "Label2
ID "Label3
ndar ID "Cal
ndar ID "Cal
t "server" f
t "server" S
unat "server
FirstLetter"
howGridLine
tyle BackCol
e BackColor
yStyle ForeC
e BackColor
e Font Size
e BackColor
ackColor "#9
kinID "Simpl
DayNameForm
k" Height "1
tyle BackCol
e BackColor
yle BackColo
yStyle ForeC
e BackColor
e VerticalAl
e BackColor
ackColor "#9
cados se pue
bido a que u
os en diferen
e controles c
cada uno no
e podramos
ntendra un c
" runat "ser
" runat "ser
" runat "ser
endar1" runa
endar2" Skin
ont bold "tr
kinID "Blue"
" BackColor
Font Names
s "True" Wid
or "#CCCCFF"
"#FFCC66" />
olor "#CC996
"#FFCC66" Fo
"9pt" ForeCo
"#FFCC66" F
90000" Font
e" runat "se
at "FirstLet
80px" Width
or "#666666"
"#CCCCCC" />
r "#FFFFCC"
olor "#80808
"#CCCCCC" Fo
ign "Bottom"
"#CCCCCC" F
99999" Borde
eden organiza
n tema pued
tes ficheros,
con el mismo
ombrado seg
agrupar los
conjunto de
rver" Text "
rver" Text "
rver" Text "
at "server"/
nID "Simple"
rue" forecol
" font bold
"#FFFFCC" B
"Verdana" F
dth "220px">
" Font Bold
>
66" />
oreColor "Wh
olor "#FFFFC
Font Bold "T
Bold "True"
erver" BackC
tter" Font N
"200px">
" Font Bold
>
/>
80" />
oreColor "Bl
" />
Font Bold "T
erColor "Bla
ar de diferen
de contener v
, de forma qu
o SkinID. Por
gn el valor d
ficheros de c
definiciones
"Hello 1" />
"Hello 2" Sk
"Hello 3" />
/>
" runat "ser
lor "orange"
"true" fore
BorderColor
Font Size "8
>
"True" />
hite" />
CC" />
True" Height
" Font Size
Color "White
Names "Verda
"True" Fore
lack" />
True" Font S
ack" Font Bo
ntes formas d
varios ficher
ue cada uno
r ejemplo, po
de SkinID:
control seg
s de skin para
><br />
kinID "Blue"
><br />
rver"/>
" />
ecolor "blue
"#FFCC66" B
8pt" ForeCol
t "1px" />
"9pt" ForeC
e" BorderCol
ana" Font Si
eColor "Whit
Size "7pt" /
old "True" /
dentro de lo
ros de skin de
de estos fich
odemor tene
n el tipo de c
a un control
Tema
/><br />
e" />
BorderWidth
or "#663399
Color "#FFFF
or "#999999
ze "8pt"
te" />
>
>
s ficheros de
ebemos divi
heros conten
er tres ficher
control, de f
particular:
Temas
"1px"
"
CC"
"
e skin
dir los
nga
ros de
orma
s
/Web
/App
/M
G
Ca
La
Pode
ejem
/Web
/App
/M
Ho
Da
Fo
La po
flexib
skins
de sk
Esti
Un Te
despu
aplica
desar
sitio.
en la
de ap
Por o
comp
defin
Tema
servid
Tema
propi
defin
bSite1
p_Themes
MyTheme
ridView.skin
alendar.skin
abel.skin
mos incluso
plo:
bSite1
p_Themes
MyTheme
omePage.sk
ataReports.s
orums.skin
osibilidad de
bilidad de org
con otros o
kin de un Tem
ilos del la
ema est des
us de que e
acin no tien
rrolladores d
Cuando se a
definicin d
plicacin.
otro lado, es
portamiento
ir los estilos
as para este
dor. Cuando
a establecen
iedades pued
icin del Tem
dividir estos
in
skin
tener varios
ganizacin. A
copiar las de
ma.
ado del s
stinado a ser
el sitio ya est
ne porque se
de aplicacin
aplica un Tem
el Tema sob
algo comn
de servidor
de control y
propsito, a
lo aplicamo
el valor por
den establec
ma.
s ficheros de
s ficheros de
Adems nos
efiniciones d
ervidor u
r aplicado a u
t hospedado
er la misma q
n y diseador
ma a una apl
reescriben lo
entre los de
por separad
y de marcado
plicando el T
s de esta for
defecto para
cerse tambi
skin basnd
skins en un
permite com
de un tema a
utilizand
una aplicaci
o en un serv
que la desarr
res del web s
icacin, las p
os valores de
sarrolladore
do. Un ejemp
o en un fiche
Tema como u
rma, las prop
a los control
n en la pgin
donos en las
mismo direc
mpartir fcilm
otro sin ten
do Temas
n despus d
idor. La pers
roll. Por eje
site trabajan
propiedades
e los controle
es factorizar i
plo de esto es
ero separado
una especie
piedades de e
es de la aplic
na de contro
reas de nue
ctorio Theme
mente las def
er que edita
s
de haberla cr
sona que apl
emplo, es com
do en difere
de estilo qu
es de destino
informacin
s la utilizaci
o. Tambin p
de hoja de e
estilo en la d
cacin, pero
ol para sobre
Tema
estro sitio, p
e nos da esta
finiciones de
r otros fiche
reado, inclus
ica el tema a
mn tener
entes aspecto
e se encuent
o en las pgi
estilstica y
n de CSS pa
odemos utili
estilos del lad
definicin de
estas
eescribir la
Temas
or
a
e
eros
so
a la
os del
tran
nas
el
ra
izar
do de
l
s
www.uepuianuo.com SSu
Esti
Cuan
secci
mism
con s
propi
sobre
Them
<%@ P
<!DOC
"http
<html
<head
<ti
</hea
<body
<fo
<
<
<
</f
</bod
</htm
Labe
<asp:
Una d
atribu
al no
Tema
Tema
ForeC
los Decla
do aplicamo
n <pages/>
mo nombre d
su propiedad
iedad ForeCo
e la propieda
meOverride
Page Languag
CTYPE html P
p://www.w3.o
l xmlns "htt
d id "Head1"
itle>Theme O
ad>
y>
orm id "form
<div>
<h3>Properti
<asp:Label
<asp:Label
< Not
<br />
<asp:Label
</div>
form>
dy>
ml>
el.skin
label runat
definicin de
uto StyleShe
mbre del Tem
a pueden ser
a del ejemplo
Color definid
ratiovs de
os un tema es
> de configur
e los control
d ForeColor f
olor a naranj
ad local del c
e cs.aspx
ge "VB" Them
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
runat "serv
Overrides Pa
m1" runat "s
es in the P
ID "Label1
ID "Label2
tice that th
ID "Label3
t "server" f
e Tema se pu
eetTheme de
ma. Cuando
r sobreescrit
o anterior ap
da en la pgin
el lado de
stableciendo
acin, las pr
les destino d
ijada a azul.
ja. Observad
control, y tod
e "OrangeThe
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
ver">
ge Propertie
erver">
age are Over
" runat "ser
" runat "ser
is Label is
" runat "ser
ont bold "tr
uede aplicar
e la directiva
se aplica me
as por los co
plicado como
na gana fren
el servido
o el atributo
opiedades d
de la pgina.
En el tema a
d al ejecutar l
dos los Label
eme" %>
ML 1.0 Trans
1 transition
tml">
es</title>
rridden By T
rver" Text "
rver" Text "
orange (fro
rver" Text "
rue" forecol
como un est
@Page o de
ediante un St
ontroles de la
o un StyleShe
te la definici
r
Theme de la
e skins del te
El siguiente
aplicado, el s
la pgina que
s se represe
sitional//EN
nal.dtd">
Theme</h3>
"Hello 1" />
"Hello 2" Fo
om Theme) in
"Hello 3" />
lor "orange"
tilo del lado d
e la seccin <
tyleSheetThe
a Pgina. El s
eetTheme. O
in del Tema
a directiva @
ema sobrees
ejemplo mu
skin de "Labe
e la definici
ntan naranja
N"
><br />
oreColor "bl
nstead of bl
><br />
" />
de servidor e
<pages/> de
eme, las pro
siguiente eje
Observad que
a, de forma q
Tema
@Page o de la
scriben las de
uestra un "La
el" define la
n del Tema
as.
ue" />
ue (from Pa
estableciend
la configurac
piedades de
mplo muest
e la propieda
que ahora el
Temas
a
el
bel"
gana
ge)
do el
cin
l
ra el
ad
s
www.uepuianuo.com SS1
contr
Prio
Un St
aplica
mant
quere
aplica
contr
Las p
Las p
Las p
de co
El sig
Them
<%@ P
<!DOC
"http
<html
<head
<ti
</hea
<body
<fo
<
<
Itali
overr
rol "Label" se
oridad de
tyleSheetThe
acin, como
tener el com
er aplicar Te
amos tanto u
roles se aplic
ropiedades S
ropiedades d
ropiedades d
ontrol como
uiente ejem
mesAndSty
Page Languag
CTYPE html P
p://www.w3.o
l xmlns "htt
d id "Head1"
itle>Precede
ad>
y>
orm id "form
<div>
<h3>Preceden
<asp:Label
<asp:Label
ic "false" /
< Pag
rides everyw
<br />
e representa
Tema y S
eme se supo
medio para
portamiento
mas a una ap
un Tema com
can en el sigu
StyleSheetTh
del Control e
de Tema se a
StyleSheetTh
plo muestra
lesheetThe
ge "C#" Them
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
runat "serv
ence: Theme
m1" runat "s
nce: Theme Ov
ID "Label1
ID "Label2
>
ge overrides
where
azul.
StyleSheet
ne que est
factorizar nu
o de la aplica
plicacin a la
mo un StyleS
uiente orden
heme se apli
en la pgina
aplican en l
heme)
el orden de
emes.aspx
e "OrangeThe
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
ver">
Overrides Pa
erver">
verrides Pag
" runat "ser
" runat "ser
Font Italic
tPage
hecho para s
uestra inform
acin separa
a que ya hem
heetTheme
n:
can primero
se aplican (s
ltimo lugar (
prioridad de
eme" StyleSh
ML 1.0 Trans
1 transition
tml">
age Override
ge Overrides
rver" Text "
rver" Text "
c property o
ser aplicado
macin de es
do del aspec
mos aplicado
a un aplicaci
o
obreescribe
sobreescribie
escrito arriba
heetTheme "G
sitional//EN
nal.dtd">
es StyleShee
s StyleSheet
"Hello 1" />
"Hello 2" Fo
of StyleShee
durante el d
stilo en las p
cto de la aplic
un StyleShe
in, las prop
n StyleSheet
endo tanto l
a.
GreenTheme"
N"
etTheme</tit
tTheme</h3>
><br />
oreColor "bl
etTheme, but
Tema
desarrollo de
ginas y as
cacin. Pode
eetTheme. Si
iedades de l
tTheme)
as propiedad
%>
tle>
ue" Font
t Theme Fore
Temas
e la
emos
os
des
Color
s
<
</f
</bod
</htm
Con
Cmo
de co
en un
aad
Prop
Las d
propi
propi
Aad
contr
datos
ning
espec
acudi
Utili
Una H
subdi
apliq
defin
.css
a los
elem
de la
Style
<%@ P
<!DOC
"http
<scri
</scr
<html
<head
<ti
<asp:Label
</div>
form>
dy>
ml>
ntenidos
o se ha most
ontroles con
na aplicacin
ir a un ficher
piedades
efiniciones d
iedades que
iedades que
iendo una p
rol por si mis
s no son tem
n control. T
cifique lo con
id a la docum
izando Ho
Hoja de Estil
irectorio del
uemos el tem
ido. Podemo
s. Un Tema p
ficheros CSS
ento <head
pgina.
esheet.aspx
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
ript>
l xmlns "htt
d id "Head1"
itle>CSS Sty
ID "Label3
de un Te
trado en las s
los valores d
n. Esta secci
ro de skin o d
Tematiza
de controles
estn marca
podran ser
ropiedad qu
smo puede s
matizables. Po
odas las pro
ntrario. Para
mentacin de
ojas de Es
os en Cascad
Tema. La ho
ma, siempre
os nombrar e
puede conten
S (mediante u
/>), cualquie
x
ge "C#" Them
PUBLIC " //W
org/TR/xhtml
erver">
tp://www.w3.
runat "serv
ylesheet in
" runat "ser
ema y Ski
secciones an
de las propie
n discute de
de Tema.
ables
en un ficher
adas como T
tematizadas
e no es tema
er excluido d
or defecto, la
piedades son
a comprobar
e referencia
stilo
da (CSS) pued
oja de estilos
que la pgin
el fichero CSS
ner mltiples
una etiqueta
er fichero CS
e "MyTheme"
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
ver">
a Theme</tit
rver" Text "
in
nteriores, un
dades que a
etalles adicio
ro de skin s
ematizables
s mediante T
atizable a un
de un Tema,
a ID de la pro
n tematizabl
si cierta pro
del Framew
de ser aadi
s CSS se aplic
na tenga un c
S de cualquie
s ficheros CS
a <link re
SS del Tema s
%>
ML 1.0 Trans
1 transition
tml">
tle>
"Hello 3" />
fichero de S
plicaremos a
onales sobre
lo pueden co
. Cada contro
ThemeableAt
n fichero de s
por ejemplo
opiedad no s
es por defec
opiedad es te
ork .NET.
do a un Tem
car a todas
control <hea
er forma sie
SS. Cuando la
l="stylesh
se aplicara d
sitional//EN
nal.dtd">
><br />
Skin contiene
a los controle
qu es conte
ontener valo
ol define un
ttribute en l
skin produce
o los controle
se puede tem
cto a no ser q
ematizable en
ma colocndo
las pginas a
ad runat="
mpre que te
a pgina cont
heet" href
espues de la
N"
Tema
e las definicio
es del mismo
enido vlido
ores para
conjunto de
a propiedad
e un error. U
es de fuente
matizar para
que un contr
n un control
olo bajo el
a las que
"server"/>
nga la exten
tiene referen
f="..."/>
as hojas de e
Temas
ones
o tipo
para
e
.
n
de
rol
,
>
nsin
ncias
en el
stilo
s
www.uepuianuo.com SSS
</hea
<body
<fo
<
<
</f
</bod
</htm
Style
body
{
b
f
f
}
Labe
<asp:
Asig
<%@ P
<!DOC
"http
<scri
Pro
P
End
</scr
<html
<head
<ti
</hea
<body
<fo
<
<
</f
</bod
</htm
ad>
y>
orm id "form
<div>
<h2>
CSS Styl
<asp:Label
<asp:Label
<asp:Label
</div>
form>
dy>
ml>
eSheet.css
background c
font family:
font size:sm
el.skin
label runat
gnando un
Page Languag
CTYPE html P
p://www.w3.o
ipt runat "s
otected Sub
Page.Theme
d Sub
ript>
l xmlns "htt
d id "Head1"
itle>Assigni
ad>
y>
orm id "form
<div>
<h2>Assign
<a href "p
<a href "p
</div>
form>
dy>
ml>
m1" runat "s
esheet in a
ID "Label1
ID "Label2
ID "Label3
color: lightb
Verdana;
mall;
t "server" f
n Tema m
ge="VB" %>
PUBLIC " //W
org/TR/xhtml
erver">
Page PreIni
Server.Htm
tp://www.w3.
runat "serv
ng a Theme
m1" runat "s
ning a Theme
programmatic
programmatic
erver">
Theme</h2>
" runat "ser
" runat "ser
" runat "ser
blue;
ont bold "tr
mediante C
3C//DTD XHTM
1/DTD/xhtml1
t()
lEncode(Requ
org/1999/xht
ver">
in Code</tit
erver">
in Code</h2
vb.aspx?The
vb.aspx?The
rver" Text "
rver" Text "
rver" Text "
rue" forecol
Cdigo
ML 1.0 Trans
1 transition
uest.QuerySt
tml">
tle>
2>
eme ThemeA">
eme ThemeB">
"Hello 1" />
"Hello 2" />
"Hello 3" />
lor "purple"
sitional//EN
nal.dtd">
tring("Theme
>Theme A</a>
>Theme B</a>
><br />
><br />
><br />
" />
N"
e"))
>
>
Tema Temas
s
AApliicaccio
Te
W
M
ne
con
ema
WebP

MC
s
n .N
a
Pait
CTS:
Web
NET
3
:
b
T
5
Te
Los e
que s
perm
most
Los e
Los si
dinm
apari
perso
Tradi
desde
el ser
naveg
ASP.N
crear
Intr
El Co
x
x
ema
lementos we
se ajusten a s
miten al usuar
rarlo.
lementos we
itios Web mo
micas y perso
encia del co
onalizar el co
cionalmente
e la creacin
rvidor, hasta
gacin.
NET 2.0 inclu
r pginas con
roduccin
njunto de Co
Los WebP
personali
servidor o
Las WebP
pgina. La
WebPart
WebPart
Web
eb permiten
sus necesida
rio escoger q
eb nos perm
odernos req
onalizables.
ntenido de la
ontenido de
e, construir e
n de un cdig
escribir un s
uye un nuevo
n diseo mod
n a los Co
ontroles Elem
Part son con
izados con e
o control de
PartZone pro
as WebPartZ
y para aad
.
bPait
a los usuario
ades y prefer
qu contenid
miten proporc
uieren frecu
Los Usuarios
as pginas d
la pgina par
esos sitios ha
go seguro, un
script del lad
o paquete de
dular y dinm
ontroles
mentos Web
troles ASP.N
l Conjunto d
usuario pue
oporcionan u
Zone son con
ir IU comune
t
os cambiar la
rencias. Muc
do quieren q
cionar esa fu
entemente I
s de esos sitio
e acuerdo a
ra mostrar la
a requerido d
na infraestru
do del cliente
e Elementos
mico y con co
Element
incluye los s
NET de servid
e Controles
ede comporta
un modo de
ntroles conte
es, consisten
a configurac
hos proveed
ue se muest
uncin arrast
IUs (Interfac
os pueden p
sus preferen
a informaci
de gran canti
uctura de per
e para ofrece
Web que ha
ontenido per
tos Web
siguientes co
dor que pued
Elementos W
arse como u
organizar pa
enedores que
ntes como un
T
in de parte
dores de info
re y en qu c
trando parte
es de Usuari
ersonalizar e
ncias individu
n ms releva
idad de cdig
rsonalizacin
er una rica ex
acen que sea
rsonalizado.
ontroles:
den ser usad
Web. Cualqui
n WebPart.
artes dentro
e proporcion
n Men Verb
Tema
s del sitio pa
ormacin
columna deb
es de la pg
o) que sean
el diseo y la
uales y
ante.
go complejo
n comprensib
xperiencia de
a muy sencill
os y
ier control d
de regiones
nan capas pa
b y borde a c
WebPait
ara
ben
gina
a
o,
ble en
e
lo
e
en la
ara los
ada
t
x
x
x
x
x
x
La Zo
de us
conte
la res
Un el
mien
elem
La inf
perso
elem
pued
los el
estn
espec
Los e
todos
clase
los ed
que a
Web
Contr
elem
<asp:
El contro
coordina
de Contro
CatalogPa
elemento
inclusin
CatalogZo
Connectio
cualquier
EditorPar
modificac
de usuari
EditorZon
ona es un con
suario adicio
ener mltiple
sponsable de
lemento We
tras que un
ento Web en
fraestructura
onalizado de
entos dispon
en aadir ele
ementos qu
ndar proporc
cifican as en
lementos we
s los controle
abstracta de
ditores y cat
a su vez se he
bPartMa
rol no visual
entos Web.
WebPartMana
l WebPartM
la comunica
oles Element
art Es la clas
os presentan
dinmicae n
one Contene
onsZone Con
r par de elem
rt Clase base
ciones en los
io para perm
ne Contened
ntenedor de
nales a todo
es zonas y ca
e reproducir
b define el c
elemento ed
n concreto.
a de los elem
elementos p
nibles la prop
ementos din
e el usuario
cionada por e
n el catlogo
eb son en lt
es de elemen
enominada P
logos de ele
ereda de uno
nager
que adminis
Slo un Web
ager ID "Web
Manager man
acin entre la
tos Web deb
e base para
n a los usuari
n la pgina.
edor en el niv
ntenedor en
mentos Web
e para todos
s elementos
mitir a los usu
dor de nivel d
elementos y
os los elemen
ada una de e
los elemento
contenido a m
ditor permite
mentos Web
para mostrar
porciona un
nmicamente
ha eliminado
el sistema. Lo
de la pgina
tima instanc
ntos que hab
Part. Asimism
ementos we
o de los cont
stra los mism
bPartManage
PartManager1
neja el estado
as partes y la
be tener un c
los controles
os una lista
vel de pgina
el nivel de p
que se encu
los controles
web. Un ele
uarios establ
de pgina pa
y proporcion
ntos que con
ellas puede co
os de interfa
mostrar a tra
e a los usuar
permiten a l
rlos en una p
control Cata
e. El catalogo
o de la pgin
os elemento
a.
ia controles
bilitan conte
mo, EditorPa
b. Todas las
troles de ser
mos elemento
er por formu
1" runat "se
o de persona
as zonas. Cad
control WebP
s de element
de elemento
a para contro
pgina para l
entran en la
s de editor q
mento edito
ecer propied
ra controles
a elementos
tiene. Una p
ontener uno
az de usuario
avs de las ve
ios editar la
os usuarios
pgina y espe
alogPart. De
o tambin ac
na actuando
os eliminados
de servidor.
nido utilizad
rt y CatalogP
clases de ele
vidor ASP.NE
os en una p
ulario.
erver"></asp
T
alizacin de l
da pgina qu
PartManage
tos de catlo
os Web dispo
oles Catalog
as conexione
pgina.
que permiten
or presenta s
dades.
EditorPart
s y funcional
pgina ASP.N
o o ms elem
o.
entanas de l
estructura y
seleccionar u
ecificar su po
este modo, l
cta como un
sobre la inte
s se pueden
WebPart es
dos en ASP.N
PArt son las c
ementos se h
ET nativos: P
gina habilita
p:WebPartMan
Tema
las pginas y
ue usa el paq
r.
ogo. Estos
onibles para
Part
es definidas
n realizar
su propia inte
idad de inter
NET puede
mentos. La zo
a pgina,
los ajustes d
un conjunto
osicin. La lis
los usuarios
n almacn pa
erfaz de usua
restablecer s
s la clase bas
ET. Deriva d
clases bases
heredan de P
Panel.
ada para
nager>
WebPait
y
uete
su
entre
erfaz
rfaz
na es
de un
sta de
ara
ario
si se
e de
e una
para
Part,
t
Regis
camb
y las
El mo
de ed
Tamb
propi
elem
Zon
Cada
contr
de un
propi
barra
Edito
Catal
Crea
<%@ Pa
<%@ Re
<%@ Re
<!DOCT
"http
<html
<head
<t
</head
<body>
<f
<d
</
</
stra el modo
bio efectuado
zonas se rep
odo de prese
dicin no se m
bin permite
iedades y el
entos web.
nas de Ele
tipo de elem
roles WebPa
na coleccin
iedades de e
a de ttulo) y
orZone se uti
ogZone se u
ar Pgina
age Language=
egister src="N
egister src="
TYPE html PUBL
://www.w3.org
xmlns="http:
runat="serve
title></title>
d>
>
form id="form
div>
<asp:WebPa
</asp:WebPa
<asp:WebPa
ID="Web
Padding
<Empty
<PartSt
<TitleB
<MenuLa
<MenuPo
Fon
<MenuVe
Fo
<PartT
Fo
<ZoneTe
<u
<u
</ZoneT
<MenuVe
Bo
<PartCh
Fo
<Heade
<MenuLa
</asp:Web
/div>
/form>
de presenta
o en el modo
presentan de
entacin por
muestran. Po
e a los usuari
comportami
ementos
mento requie
rt genricos
denominada
estilo, como
MenuVerbS
liza para con
tiliza para m
as con el
"C#" AutoEven
News.ascx" ta
Favorites.asc
LIC " //W3C//
/TR/xhtml1/DT
//www.w3.org/
r">
>
1" runat="ser
rtManager ID=
artManager>
rtZone runat=
bPartZone1" B
g="6" Width="
ZoneTextStyle
tyle Font Siz
BarVerbStyle
abelHoverStyl
opupStyle Bac
nt Names="Ver
erbStyle Bord
reColor="Whit
itleStyle Bac
reColor="Whit
emplate>
c2:Favorites
c1:News ID="N
Template>
erbHoverStyle
rderStyle="So
hromeStyle Ba
reColor="#333
rStyle Font S
abelStyle For
PartZone>
acin de la p
o de present
e distinta form
defecto es e
odemos acce
os mover ele
iento de los
ere su propio
. Aloja todo
a WebParts.
PartStyle (el
tyle (Elemen
ntener contro
mostrar el cat
ementos
tWireup="true
gname="News"
x" tagname="F
DTD XHTML 1.0
D/xhtml1 tran
1999/xhtml">
ver">
"WebPartManag
"server" Head
orderColor="#
358px">
Font Size="0
e="0.8em" For
Font Size="0.
e ForeColor="
kColor="#507C
dana" Font Si
derColor="#507
e" />
kColor="#507C
e" />
ID="Favorites
News1" runat="
BackColor="#
lid" BorderWi
ckColor="#EFF
333" />
ize="0.7em" F
eColor="White
gina y notif
acin. Segn
ma.
el Normal, lo
eder a la lista
ementos a zo
controles y a
o objeto de z
el contenido
EL WebPart
estilo del co
ntos de men
oles de edito
talogo de ele
s Web
e" CodeFile="W
tagprefix="uc
Favorites" tag
0 Transitional
nsitional.dtd"
ger1" runat="s
derText="Esta
#CCCCCC" Font
0.8em" />
reColor="#3333
6em" Font Und
"#D1DDF1" />
CD1" BorderCol
ize="0.6em" />
7CD1" BorderSt
CD1" Font Bold
s1" runat="ser
"server" />
#EFF3FB" Borde
idth="1px" For
F3FB" BorderCo
ForeColor="#CC
e" />
ica a las zona
n el modo de
que implica
a de zonas a
onas diferen
activa evento
zona. WebPa
o de element
tZone nos pe
ontenido), Pa
)
or para confi
ementos Web
WebPart1.aspx
c1" %>
gprefix="uc2"
l//EN"
">
server">
es la zona #1
Names="Verdan
333" />
derline="False
lor="#CCCCCC"
>
tyle="Solid" B
d="True" Font
rver" />
erColor="#CCCC
reColor="#3333
olor="#D1DDF1"
CCCCC" Horizon
T
as y element
e presentaci
que las zona
travs de la
tes , editar la
os del ciclo d
artZone es el
tos Web y los
ermite defini
artTitleStyle
gurar eleme
b disponible
.cs" Inherits=
%>
1"
na" Height="3
e" ForeColor=
BorderWidth=
BorderWidth="
Size="0.8em"
CCC"
333" />
" Font Names=
ntalAlign="Cen
Tema
tos cualquier
n los eleme
as de catalog
coleccin Zo
a apariencia,
de vida de los
contenedor
s registra a t
ir algunas
(el estilo de
ntos. Y
s.
="WebPart1" %
39px"
"White" />
"1px"
1px"
"Verdana"
nter" />
WebPait
r
entos
go y
ones.
, las
s
r para
ravs
la
>
t
</body
</html
EL fo
repro
Web
most
La eti
El con
La f
Dos f
x
x
y>
l>
rmulario con
oduccin de t
con muchos
rar un ttulo
iqueta <Zone
ntenido de c
funcin d
formas de de
Creacin
implemen
Uno de u
ntiene un con
todos los ele
s estilos y un
y un borde a
eTemplate>
ada element
de los con
efinir elemen
de un contro
nte alguna d
n control de
ntrol WebPa
ementos sec
par de elem
alrededor de
incluye todo
to Web se m
ntroles de
ntos Web:
ol de servido
de las interfa
e usuario
artManager q
undarios. EL
mentos. La zo
el contenido
os los elemen
muestra a trav
e usuario
or personaliz
ces necesari
que controla
formulario t
ona de eleme
.
ntos web def
vs de un co
o
zado heredad
as.
T
la ejecucin
tambin con
entos Web se
finidos para
ontrol de usu
do de WebPA
Tema
n y la
ntiene una zo
e configura p
la zona.
uario (ascx)
Art y que
WebPait
ona
para
t
Cro
Los V
El cr
Clas
Imple
propi
usuar
difere
contr
Elem
Pode
un co
A un
Los v
elem
Edit
Para
Displ
WebP
Modo
Brow
Catal
Conn
Desin
Edit
ma, Verb
Verbos son la
roma indica
se WebPa
ementa las in
iedades com
rio cuando tr
encia entre e
roles de usua
mentos W
mos utilizar
ontrol de ser
elemento w
erbos identif
ento web pu
tar y List
cambiar el m
ayMOde del
PartManage
o
wse
log
nect
ng
bos y Men
as opciones q
la estructur
art
nterfaces: IW
munes de la in
rabaja con e
escribir elem
ario.
Web com
controles in
vidor en el s
eb podemos
fican accione
uede habilita
tar eleme
modo de pres
administrad
r1.DisplayM
ns
que aparecen
ra del titulo y
WebPart, Iwe
nterfaz de us
lementos W
mentos Web a
o contro
dividuales pa
egmento <Z
s aplicar estil
es que los us
arlos o desha
entos We
sentacin te
dor de eleme
ode=mode;
n en la lista d
y del borde q
ebActionable
suario utiliza
eb. Estas int
a travs de la
les de se
ara crear do
oneTemplat
los y propied
suarios pued
abilitarlos.
eb
nemos que a
entos Web.
Desc
Los e
conte
usua
dispo
Todo
con l
aad
dispo
Perm
Web
auto
est
Perm
dent
difer
Se m
elem
para
desplegable
que rodea a u
e e IWebEdita
adas para me
erfaces repr
a clase base
rvidor
cumentos w
e> de una zo
dades visuale
en ejecutar
asignar un n
ipcin
elementos w
enido; no se
rio adiciona
onible ningun
os los elemen
a pgina se m
ir nuevos ele
onibles
mite al usuar
existentes p
mticamente
publicando e
mite al usuari
ro de la mism
entes en la p
uestran a los
entos de ed
que los usua
T
(Minimizar,
un elemento
able. Estas in
ejorar la expe
esentan la p
WebPart o a
eb. Es suficie
ona de eleme
es.
en los eleme
uevo valor a
eb presenta
muestra nin
y no se encu
na funcional
ntos de catl
muestran a l
ementos we
o conectarse
para poder co
e en uno cua
el otro.
o desplazar
ma zona o a t
pgina.
s usuarios to
icin asociad
arios modifiq
Tema
Cerrar, etc)
o.
nterfaces def
eriencia del
principal
a travs de
ente con colo
ento Web.
entos Web, c
la propieda
n su propio
nguna interfa
uentra
idad adicion
ogo asociad
os usuarios
b de catlog
e a elemento
onsumir
alquier dato
elementos W
travs de zo
odos los
dos a la pgin
quen los
WebPait
finen
ocar
cada
d
az de
al
os
para
gos
os
que
Web
nas
na
t
Cuan
alred
Los m
zona
Crea
<%@ C
<scri
W
v
{
}
p
{
}
</scr
<asp:
A
O
Cam
Utiliz
WebP
Al pa
Crea
El con
apare
Edito
Appe
do se activa
edor utilizan
modos Edit, C
de editor o u
ar un con
Control Lang
ipt runat "s
WebPartManag
void Page Lo
{
manager
if (!IsP
{
fore
{
}
}
}
public void
{
string s
WebPartD
if (mode
man
}
ript>
DropDownLis
AutoPostBack
OnSelectedIn
mbiar el d
amos una ta
PartZone.
sar a modo d
ar una zo
ntrol a utiliza
ece en la pos
or
earanceEdito
el modo Des
ndo arrastrar
Catalog y Con
una zona de
ntrol de u
guage "C#" C
erver">
ger manager
oad(object s
r WebPartM
PostBack)
each (WebPar
if (mode.Is
Support
SelectedInd
electedMode
DisplayMode m
e ! null)
nager.Displa
t ID "Suppo
k "true"
ndexChanged
diseo de
abla e incorp
diseo, vemo
ona de Ed
ar es EditoZo
sicin exacta
orPart
sign permite
r y colocar.
nnect se enc
conexiones
usuario p
lassName "Mo
;
ender, Event
anager.GetCu
tDisplayMode
Enabled( man
edModes.Item
exChanged(ob
Supported
mode mana
yMode mode
rtedModes" r
"SelectedInd
e las zona
oramos en 2
os como pod
ditor
one. La zona
a definida pa
atrib
e a los usuari
uentran disp
respectivam
para conm
odeSwitcher"
tArgs e)
urrentWebPar
e mode in m
nager))
ms.Add(mode.
bject sender
dModes.Selec
ager.Support
e;
runat "serve
dexChanged"
as
2 columnas 2
demos move
de Editor s
ra ella en la
Desc
Nos
anch
utos de elem
os finales m
ponibles slo
mente.
mutar m
" %>
rtManager(Pa
manager.Supp
.Name);
r, EventArgs
ctedValue;
tedDisplayMo
er"
/>
2 WebPartZo
er los webpar
lo se muestr
pgina.
ripcin
permite edit
ura, el titulo
T
mentos web i
over los elem
o si la pgina
odos
age);
portedDispla
s e)
odes[selecte
one con 2 ele
rt.
ra en modo d
ar ajustes vis
o, la direccin
Tema
individuales.
mentos web
contiene un
ayModes)
edMode];
ementos en c
de edicin y
suales como
n del texto y
WebPait
.
na
cada
o la
el
t
Beha
Layou
Prope
Crea
Perm
Edito
Decla
Impo
Page
Con
Los co
El mo
punto
consu
de ele
Elem
Las co
decla
las ad
Esqu
Vamo
WebP
El ele
un em
ID de
expo
viorEditorPa
utEditorPart
ertyGridEdit
ar zona d
mite al usuari
or
arativeCatalo
orCatalogPar
CatalogPart
nexin de
ontroles de u
odelo de con
o de conexi
umidor. Las c
ementos We
mentos Web
onexiones se
arativamente
dministra el u
uema prin
os a aplicar e
PArt.
emento prov
mpleado sele
e un determi
rtar el ID de
art
t
torPart
de catalo
o aadir elem
ogPart
rt
e Elemen
usuarios We
nexin consis
n. Una cone
conexiones d
eb.
b que se pue
e definen de
e en el cuerp
usuario a tra
ncipal/de
el modelo de
eedor se den
eccionado. U
nado emplea
el empleado
go
mentos en ti
tos Web
eb se pueden
ste en 2 entid
exin conecta
disponibles e
eden conec
dos formas:
po del admin
avs de la zo
etalles
e conexin a
nomina Emp
Un simple for
ado y obtene
seleccionad
tipo d
Ajust
elem
Estilo
elem
Prop
del e
defin
marc
[Web
iempo de eje
Desc
Pres
parti
pero
Perm
Lista
habe
n comunicar
dades que in
a 2 puntos, u
en la pgina
ctar
: estticas y d
istrador de e
na de conex
un par de el
ployeesWebP
rmulario dee
er sus datos
do a travs d
de borde
tes de compo
ento admite
o de marco y
ento
iedades pers
lemento we
nida en una c
cada con los
bBrowsable]
ecucin. Agre
ripcin
enta lista de
cipan en el d
que se pued
mite importar
de elemento
er cerrado
entre s.
nteractan en
uno del cont
se administr
dinamicas. L
elementos w
iones.
ementos We
PArt y muest
entrada perm
personales.
el contrato d
T
ortamiento,
e la edicin y
y zona a la qu
sonalizadas d
b. Es una pro
clase derivad
atributos [Pe
egamos un C
elementos w
diseo inicial
den aadir
r un element
os que el usu
ntre s: una c
rol del prove
ran a travs d
as estticas
web. Las cone
eb personaliz
tra alguna inf
mite a los usu
Asimismo, e
de comunica
Tema
como si el
y la minimiza
ue pertenece
del compone
opiedad pb
da de WebPA
ersonalizable
CatalogZone
web que no
l de la pgina
to web
uario puede
conexin y u
eedor y otro
del administ
se listan
exiones dinm
zados de la c
formacin so
uarios escrib
el elemento W
cin
WebPait
cin.
e el
ente
blica
Art
e] y
a
n
del
rador
micas
clase
obre
ir el
Web
t
El com
elem
pedid
El vn
Elem
Cuan
contr
publi
{
/
i
}
El com
de W
Para
susce
[Pers
Indica
contr
un el
tabla
[Web
Indica
edito
EL sig
funci
[Conn
interf
[Conn
mponente co
ento Web qu
dos emitidos
nculo termina
mento Web
do se crea u
rato de comu
ic interface
// Use this
int Employee
mponente Em
WebPart, que
que se mues
eptible de ex
[Personal
[WebBrow
public i
{
get
set
}
onalizable]
a que la prop
rol se utiliza
emento web
s a travs de
bBrowsable]
a que la prop
or.
guiente paso
n que devu
nectionProvi
faz IEmploye
nectionProvi
public I
{
retu
}
onsumidor e
ue implemen
s por dicho e
a creando un
proveedor
n elemento
unicacin pa
e IEmployeeI
property to
eID { get; s
mployessWe
implementa
stre el EMplo
xploracin y p
lizable(true
wsable(true)
nt Employee
{ return em
{ empID v
piedad tiene
en una zona
b. De forma p
e aspnetdb
piedad se pu
o conlleva la c
uleve una ins
ider] Esta fun
eeInfo.
der("Employ
EmployeeInf
urn this;
es el OrdersW
nte el contra
mpleado en
na relacin p
Web provee
ra el punto d
nfo
get the emp
et; }
ebPArt de eje
a la interfaz d
oyeeID en el
personalizac
e)]
]
ID
mpID; }
value; }
e que conserv
de element
predetermin
uede modific
creacin de
stancia de la
ncin crea el
eeIDProvider
o GetEmploye
WebPart, que
ato de comun
un ao dete
principal/det
edor, lo prim
de conexin.
ployeed ID c
emplo es un
del contrato
editor de pr
cin.
var su valor e
o web o den
nada, los dato
ar a travs d
un punto de
clase actual
l punto de co
r", "Employe
eeInfo()
e enlaza el ID
nicacin dad
erminado.
alles entre lo
ero que defi
. Se define co
currently de
control ASP
:
ropiedades, d
en el almac
ntro de un co
os de person
de la interfaz
conexin de
y marcarla c
onexin para
eeIDProvider
T
D del emplea
o y muestra
os elemento
ne un desarr
omo una inte
efined in th
.NET person
debemos ma
n de datos s
ontrol compu
nalizacin flu
de usuario d
e proveedor.
con el atribut
a los datos b
r")]
Tema
ado a cualqui
todos los
s web implic
rollador es e
erfaz:
he control
alizado deriv
arcarlo como
subyacente s
uesto envuel
uyen en una
del elemento
. Debe defin
to
asndose en
WebPait
ier
cados.
el
vado
o
si el
to en
de las
o
ir la
n la
t
Tend
Provi
el pu
Elem
Apart
creac
[Conn
Un pu
ASP.N
mto
en la
Cd
<Stat
Provi
Consu
</Sta
Una c
prime
Provi
deno
remos en cu
derName o C
nto de conex
mento web c
te de genera
cin de un pu
nectionConsu
public v
{
if (
{
}
else
{
}
}
unto de cone
NET en corre
odo marcado
interfaz esp
igo de ma
ticConnectio
iderConnecti
umerConnecti
aticConnecti
conexin est
ero actua co
der. EL segu
minado Emp
uenta que el
ConsumerNa
xin es para
consumido
ar su propia i
unto de cone
umer("Employ
void GetEmpl
empInfo !
empID emp
FindEmploye
e
throw new N
exin consum
espondecia c
o con el atrib
ecificada.
arcado
ons>
<asp:WebPar
onPointID "
onPointID "
</asp:WebPa
ons>
tablecida ent
mo proveed
ndo adopta
ployeeIDCon
nombre del
ame de la et
un proveedo
r
nterfaz de u
exin de con
eeIDConsumer
oyeeInfo(IEm
null)
pInfo.Employ
eInfo();
otSupportedE
midor se cre
on un mtod
uto se acept
tConnection
EmployeeIDPr
EmployeeIDCo
rtConnection
tre el elemen
or a travs d
el papel de c
sumer
punto de co
iqueta <asp:
or o para un
suario, el ele
sumidor par
r", "Employe
mployeeInfo
yeeID;
Exception("N
a automtica
do marcado
ta como retr
ID "Conn1"
rovider" Con
onsumer">
n>
nt Web con u
de un punto
consumidor
nexin debe
WebPartCo
consumidor
emento web
ra la interfaz
eeIDConsumer
empInfo)
No connectio
amente en t
con el atribu
ollamada a i
ProviderID
nsumerID "or
un ID de emp
de conexin
a travs de u
T
e coincidir co
onnection>, d
r.
b slo tiene u
especificada
r")]
on data foun
iempo de eje
uto [Connect
nvocar cuan
"emp"
rd"
p y un eleme
de nombre
un punto de
Tema
on la propied
dependiendo
un deber: la
a.
nd.");
ecucin de
tionConsume
do todo cam
ent Web ord
EmployeeID
conexin
WebPait
dad
o de si
er]. El
mbia
. El
D
t
AApliicac
T
u
y
L
e

cio
Tem
uloba
ocal
M
ne
con
a
aliz
liza
MC
s
n .N
acio
cio
CTS:
Web
NET
3
on
n
:
b
T
5
ulobaliizacioon y L
Tem
Local
ma u
izacio
ulobalizac
on
cion y Loc calizacion
n
Tem ma uulobalizaccion y Loc calizacion
n
n
n
n
www.uepuianuo.com SSu
n
n
n
n
n
n
Tes
1. Yo
G
A. Ap
D. Ap
2. Wh
a
3. Ho
D. In
t
ou need to cr
German. Whi
pp LocalRes
B. App Loc
C. App Loc
pp LocalRes
hat must you
apply.)
A. Define th
B. Define th
C. Override
D. Override
ow can you d
A. In Visual
B. In Visual
C. In Visual
n Visual Stud
reate a Web p
ich of the fol
sources/Page
calResources/
calResources/
sources/Page
u do to enabl
he Page.Cultu
he Page.UICu
the Page.Ini
the Page.Re
define a contr
l Studio, defi
Studio, defi
Studio, edit
dio, edit the (E
page that is a
llowing resou
e.aspx.resx.d
/Page.aspx.r
/Page.aspx.d
e.aspx.en.res
le users to ch
ure property
ulture proper
itializeCultur
eadStringRes
rol property
ine the DataV
ne the DataS
the Text pro
(Expressions)
Tem
available in b
urce files sho
de
resx
de.resx
sx
hoose their o
.
rty.
re method.
source metho
using a glob
ValueField p
SourceID pro
operty.
) property.
ma u
both the defa
ould you cre
wn language
od.
bal resource a
property.
operty.
ulobalizac
ault language
ate? (Choose
e preferences
at design tim
cion y Loc
e of English a
e all that app
s? (Choose a
me?
calizacion
and in
ply.)
all that
n
4. Yo
th
ou add a glob
hat global re
A. Resource
B. Resources
C. Resources
D. Resource
bal resource
source progr
es.Resource.L
s.Resource(
s(Login)
es.Login
with the nam
rammatically
Login
Login)
Tem
me Login by
y?
ma u
y using Visua
ulobalizac
al Studio. Ho
cion y Loc
ow can you a
calizacion
access
n
AApliicac
Te
A
y
A

cio
ema
uten
utoi
M
ne
con
a
ntica
iiza
MC
s
n .N
acio
cion
CTS:
Web
NET
3
on
n
:
b
T
5
Au
El pap
medi
x
x
Tipo
ASP.N
solici
Estos
direct
<add
Aut
Es el
crede
Una e
<aut
x
x
x
x
Aut
Se m
form
envo
Una v
una c
servid
auten
utent
pel fundame
ante los sigu
Autentica
Autorizac
solicitado
os de Arc
NET proporc
tudes de cie
s tipos de arc
torio de con
path "*.asc
tenticaci
proceso de a
enciales, o al
estrada tpic
thenticati
None: No
Windows
defecto
Passport.
programa
sitios web
Forms: La
credencia
tenticaci
uestra un fo
ulario no nec
o de formula
vez que el cli
cookie, al clie
dor, en cada
nticado. Si se
ticacio
ental de la se
uientes mto
acin: Verific
cin: Determ
o
chivos re
iona autom
rtos tipos de
chivos se ide
figuracin de
cx" verb "*"
n
asegurar que
lgn tipo de
a para activa
ion mode="
o se realiza a
s. Se usar au
. Servicios de
adores de sit
b
as solicitudes
ales del usua
n basad
rmulario de
cesariament
rio, al cdigo
iente est au
ente. A conti
peticin pos
e hace una so
on y A
eguridad es r
odos:
car que el cli
minar si el clie
estringido
ticamente u
e archivo (co
ntifican en e
el entorno y
type "Syste
e el cliente e
identificaci
ar la autentic
"Windows"
utenticacin
utenticacin
e autenticaci
tios web, pro
s sin autentic
ario y las env
da en form
inicio de ses
te autentica a
o de la aplica
utenticado, e
inuacin, se
sterior, lo qu
olicitud sin u
Te
Autoi
restringir el a
ente es realm
ente tiene pe
os
un nivel bsic
mo los archi
el archivo ma
se asignan a
em.Web.HttpF
s quien dice
n.
cacin sera:
/>
n. Permite el
Windows, ju
in centraliza
oporcionand
car se redirig
va a la aplica
mularios
sin al usuari
al usuario, p
acin que rea
el servidor de
pasa esta co
ue indica al s
una cookie de
ema Au
iizac
acceso a part
mente quien
ermiso para
co de segurid
vos de confi
achine.config
a la clase Htt
ForbiddenHan
ser. La aute
acceso ann
unto con IIS.
ado que ofre
o un solo ini
gen a una p
acin para se
io para recog
ero enva las
aliza la auten
evuelve un p
ookie de aute
ervidor que
e autenticac
utenticac
ion
tes del sitio W
n dice que es
acceder al re
dad bloquea
guracin y d
g del servido
tpForbiddenH
ndler" valid
nticacin se
nimo
Es el compo
ece Microsof
cio de sesin
gina web qu
er autenticad
ger las crede
s credenciale
nticacin.
pequeo frag
enticacin, d
este cliente
in vlida, se
ion y Aut
Web. Esto se
ecurso que h
ndo las
de cdigo fue
r web en el
Handler
date "True"/
realiza usan
ortamiento p
ft a los
n para varios
ue rene las
dos.
enciales. Este
es, mediante
gmento de d
el cliente al
ha sido
e redirigir
oiizacion
e hace
ha
ente).
>
do
por
s
e
e un
atos,
n
autom
crede
Con
El tip
config
La eti
valida
<auth
path
Atrib
Name
login
Prote
Time
Path
Reg
Una v
autor
El ast
utilice
El sig
Incluy
cualq
de se
mticamente
enciales y se
figuraci
o de segurid
guracin: <a
iqueta <auth
ar el usuario
hentication
<forms n
"/"/>
</authenti
buto
e
Url
ection
out
las de aut
vez estableci
rizacin.
terisco (*) es
en la aplicac
no de interro
yendo esta r
quier usuario
eguridad.
e al usuario a
autenticar
n de web
dad utilizado
authenticatio
hentication>
.
mode "Forms
name "Prueba
cation>
torizacin
ida la autent
s un carcter
in, incluso
ogacin (?) e
regla en el ar
o annimo. T
al formulario
n.
.config
en ASP.NET
on>, <author
define el mo
">
" loginUrl "
n
ticacin de fo
r comodn qu
aquellos no
es un carcte
rchivo de we
Todo usuario
Te
o de inicio de
se define en
ization>, <id
odo de auten
"login.aspx"
Desc
El no
auten
aplica
debe
la ap
La p
redir
cook
defec
Tipo
para
Num
cook
que s
vida
30
La ru
aplica
prede
los ex
y min
ruta
junto
ormularios, t
ue permite e
autenticado
er comodn q
eb.config ind
debe autent
ema Au
e sesin, en e
n web.config
entity>.
ntificacin de
" protection
ripcin
mbre de la c
nticacin. Si
aciones sobr
era darse a c
licacin un n
gina de inici
ige al usuari
ie de autent
cto es defau
de encriptac
el cookie de
ero de minu
ie cuando re
se haya pasa
de la cookie.
ta de los coo
acin. Se re
eterminado
xploradores
nsculas y un
podra impe
o a la solicitu
tendremos q
xplcitament
s.
que incluye t
icamos que s
ticarse y cad
utenticac
el que se rec
, a travs de
e ASP.NET ut
n "All" time
cookie HTTP
se ejecutan
re el mismo s
cada cookie d
nombre nico
io de sesin,
o si no se en
icacin vlid
lt.aspx
cin y validac
e seguridad.
to antes de
ecibe la solici
ado la mitad
. El valor pre
okies emitido
comienda e
(\), dado qu
distinguen e
n error en la
dir que se en
d
que establece
te que todos
odos los usu
se deniega e
da solicitud re
ion y Aut
cogern las
e tres seccion
tilizado para
eout "30"
utilizada par
varias
servidor web
de seguridad
o
donde se
ncuentra una
da. EL valor p
cin utilizada
que expire la
itud, siempr
del tiempo d
edeterminad
os por la
valor
e la mayora
entre maysc
escritura de
nviase la coo
er las reglas
s los usuarios
uarios annim
el acceso a
equiere la co
oiizacion
nes de
ra la
b,
d de
a
por
a
a
e
de
o es
de
culas
e la
okie
de
s
mos.
ookie
n
<auth
</aut
Cuan
hered
archiv
bsq
solici
<auth
</aut
Camb
usuar
<auth
</aut
Reco
enco
no an
Con
Un di
direct
Simp
aad
asegu
<con
<con
Con
Pode
<loca
<
<
</l
horization>
<deny user
thorization>
do se evala
dados de cua
vo machine.
ueda. As, en
tud actual y
horization>
<allow use
<deny user
thorization>
biando el ord
rio annimo
horization>
<deny user
<allow use
thorization>
rdar que si s
ntrar con la
nnimos.
trol de ac
iseo comn
torio separa
lemente dej
imos un arch
urado. Este a
nfiguratio
<system
<
<
<system
nfiguratio
trol de ac
mos restring
ation path "
<system.web>
<authoriza
<deny us
</authoriz
</system.web
location>
rs "?"/>
>
an las reglas,
alquier archi
config. Tan p
n el caso sigu
no se evalua
ers "*"/>
rs "?"/>
>
den de estas
y se permiti
rs "?"/>
ers "*"/>
>
e omite la se
a regla <allow
cceso a dir
n de una apli
do. Con arch
amos las opc
hivo web.con
archivo simp
on>
m.web>
authoriza
<den
/authoriz
m.web>
on>
cceso a ar
gir archivos e
segura.aspx
>
ation>
ers "?"/>
ation>
b>
ASP.NET rec
vo .config de
pronto como
uiente, deter
ar la segund
dos lneas, s
r el acceso
egunda lnea
w users=*>
rectorios
cacin es co
hivos de conf
ciones <auth
nfig que defi
lemente deb
ation>
ny users="
ation>
rchivos es
especficos a
">
Te
corre la lista
el directorio
o se encuent
rminar que
da lnea.
sin embargo,
al resto de l
a, ASP.NET bu
> en el archiv
locar los arc
figuracin AS
horization> p
ne opciones
be denegar e
?"/>
specficos
adiendo et
ema Au
de arriba ab
padre, term
ra una regla
se aplica la r
, se denegar
os usuarios
uscar el dire
vo machine.c
hivos que re
SP.NET esta
predetermina
ms restrict
el acceso a lo
iquetas <loc
utenticac
bajo y contin
inando con l
aplicable, se
regla <allow
el acceso a
ectorio padr
config para t
equieren aute
aproximaci
adas en el di
tivas en el di
os usuarios a
ation> al arc
ion y Aut
a con los va
los valores d
e detiene la
users=*> a
a cualquier
e y por ltim
todos los usu
enticacin en
n es fcil.
rectorio pad
rectorio
nnimos
chivo web.co
oiizacion
alores
el
a la
mo se
uarios
n un
dre y
onfig.
n
Con
Se pu
usuar
<loca
<
<
</l
La p
Una v
de in
y dec
En el
que p
Mto
Form
Form
Auth
Redir
SignO
SetAu
GetR
GetA
trol de ac
ueden identif
rio separado
ation path "
<system.web>
<authoriza
<deny us
<deny us
<deny us
</authoriz
</system.web
location>
pgina de
vez definido
icio de sesi
cide si se deb
espacio de n
proporciona
odo
msCookieNam
msCookiePath
enticate()
rectFromLog
Out()
uthCookie()
edirectUrl()
AuthCookie()
cceso para
ficar especfi
or por comas
segura.aspx
>
ation>
ers "pepe,j
ers "juan"/
ers "?"/>
ation>
b>
inicio de
el modo de
n real, que e
be autenticar
nombres Sys
mtodos co
me
h
ginPage()
a usuario
icamente un
.
">
ose"/>
>
sesin
autenticaci
es una pgina
r el usuario.
stem.Web.Se
mpartidos p
Te
s especfi
n nombre de
n y las regla
a .aspx norm
ecurity dispo
ara administ
Desc
Prop
nom
medi
Prop
direc
auten
Comp
contr
pued
Inicia
ASP.N
respu
que s
Term
aplica
encr
Inicia
ASP.N
form
el m
redir
inicia
Prop
inicia
SetA
usua
cdig
usua
pgin
Crea
ema Au
icos
usuario o un
s de autoriza
mal que solici
nemos de la
trar el proces
ripcin
iedad de sl
bre de la coo
iante formu
iedad de sl
ctorio definid
nticacin me
prueba un no
rasea contr
de introducir
a la sesin de
NET creando
uesta y redir
solicit inicia
mina la sesin
acin ASP.NE
ptada existe
a la sesin de
NET creando
ulario de aut
todo Redire
ige al usuari
almente
orciona la U
almente. Se p
uthCookie()
rio en una ap
go la decisin
rio a la pgin
na predeterm
la cookie de
utenticac
na lista de no
acin, se deb
ta la informa
clase Forms
so.
o lectura que
okie de auten
arios
o lectura que
do para el co
ediante form
ombre de us
ra una lista d
en el archiv
el usuario en
o la cookie, a
igiendo al us
almente.
n del usuario
ET eliminand
ente
el usuario en
o y adjuntand
tenticacin.
ectFromLogin
o a la pgina
RL de la pgi
podra utiliza
para iniciar
plicacin y to
n de si se de
na solicitada
minada ms a
e autenticaci
ion y Aut
ombres de
be crear la p
acin del usu
sAuthenticat
e proporcion
nticacin
e proporcion
ookie de la
mularios
suario y una
de cuentas qu
o web.config
n una aplicac
djuntndola
suario a la p
o en una
do la cookie
n una aplicac
do la cookie
Al contrario
nPage, no
a que solicit
ina solicitada
ar con
la sesin de
omar median
be redirigir a
o utilizar un
adecuada
n pero no la
oiizacion
gina
uario
tion
na el
na el
ue se
g
in
a la
gina
in
del
que
a
nte
al
na
a
n
Hash
prote
{
}
List
Para
<form
<auth
</aut
Prot
protec
{
algori
}
Role
El obj
Propi
Name
IsAut
Auth
IsInR
PasswordFro
ected void B
{
if (TxtP
{
Form
}
}
a de usua
aadir una c
ms> y aadir
hentication
<forms nam
<credent
<user
<user
</creden
</forms>
thentication
teccin de
cted void Butt
string algo
if (SHA1.Ch
{
algorit
}
if (MD5.Che
{
algorit
}
TxtEncripta
itmo);
es Person
jeto User tie
iedad
e
thenticated
enticationTy
ole()
omStoringIn
Button1 Clic
Pass.Text.To
msAuthentica
ario en arc
cuenta de us
tanta subeti
mode "Forms
me "Prueba"
tials passwo
name "pepe"
name "juan"
ntials>
n>
e las cont
ton1 Click(ob
oritmo="SHA1"
hecked)
tmo = "SHA1";
ecked)
tmo = "MD5";
ado.Text = Fo
nalizados
ene las siguie
ype
nConfigFile()
k(object sen
String()
tion.Redirec
chivo de c
uario, se inse
iquetas <use
">
loginUrl "lo
rdFormat "Cl
password "p
password "j
traseas d
ject sender,
;
rmsAuthentica
entes propie
Te
adjun
perso
aad
Encr
algor
prop
una c
una b
nder, EventA
"secret")
ctFromLoginP
configura
erta una sub
er> como sea
ogin.aspx" p
lear">
pepe"/>
juan"/>
de usuario
EventArgs e)
ation.HashPass
edades
Desc
Nom
True
comp
cdig
pgin
usua
prop
Una c
auten
Perm
ema Au
nta a la respu
onalizacin a
irla manualm
pta una cade
ritmo especif
orciona un m
contrasea e
base de dato
Args e)
Page(TxtNomb
acin
betiqueta <cr
an necesarias
protection "
o median
swordForStorin
ripcin
bre del usua
si el usuario
probar esta p
go si se nece
na de inicio d
rio no ha inic
iedades (com
cadena que
nticacin uti
mite evaluar s
utenticac
uesta. Se pue
adicional de
mente a la re
ena de texto
ficado. Este v
mtodo segu
encriptada en
os
bre.Text, fa
redentials> a
s a la etiquet
"All" timeou
nte encrip
ngInConfigFile
ario que ha in
o se ha auten
propiedad y
sita redirigir
de sesin. Ob
ciado la sesi
mo Name) es
representa e
lizada (Form
si un usuario
ion y Aut
ede realizar
la cookie y
espuesta
o utilizando e
valor
uro de almac
n un archivo
alse);
a la etiqueta
ta <credenti
ut "30" path
tacin
e(TxtTexto.Te
niciado la ses
nticado. Se p
decidir med
el usuario a
bserve que s
n, el resto d
star vaco.
el tipo de
ms,Basic)
o es miembro
oiizacion
una
el
enar
o
als>
"/">
xt,
sin
uede
iante
la
i el
de
o de
n
Desg
una c
Aut
Con l
de pe
inicio
<allow
Aut
Para
1
2
3
De fo
contr
casilla
usuar
Para
del cl
desha
Login
Tenga
Login
config
solici
if (Mem
{
// Use
// In t
// det
// is cr
Forms
}
raciadament
cuenta de un
tenticaci
a autenticac
ermitirles el a
o de sesin.
w users=Do
tenticaci
a crear una
1. Inicie Visu
2. Utilice el
llamado L
3. Agregue
orma predete
rasea, y la c
a de verifica
rio la almace
impedir que
liente, de for
abilitar esta
n como false
a en cuenta
n, ste valida
gurado, crea
tada origina
mbership.Validate
er has supplied va
he following met
ermines whether
reated.
sAuthentication.R
te, con la aut
n usuario con
n Windo
cin Window
acceso. Exist
ominio\nomb
n con Ba
aplicacin
ual Studio .N
Explorador d
Login.aspx.
un control Lo
erminada, es
casilla de ver
cin, se crea
ena en el disc
e un usuario m
rma general
caracterstic
.
que cuando
a automtica
a un vale de a
lmente. Ejec
eUser(username,
alid credentials
thod call, the seco
r a persistent aut
RedirectFromLog
rememberMeIs
tenticacin d
n un rol med
ows
ws se confa e
ten varias op
bre/>
ase de Da
Web con p
NET y cree un
de solucione
ogin a Login.
ste control m
rificacin Rec
a una cookie
co duro.
malintencion
no debe cre
ca, establezca
el usuario h
mente el usu
autenticaci
cuta cdigo s
, password))
ond Boolean para
thentication cook
inPage(username
Checked);
Te
un gr
de formulario
iante el arch
en que IIS fue
pciones difer
atos Sql
gina de in
n sitio Web n
es para agreg
.aspx.
muestra los c
cordrmelo
de autentica
nado robe al
ar cookies d
a la propieda
ace clic en la
uario llaman
n de formula
similar al del
ameter
kie
e,
ema Au
rupo.
os no podem
hivo web.con
erza que lo u
entes para t
nicio de sesi
nuevo de ASP
gar al sitio un
ampos de no
la prxima v
acin consta
guna cookie
e autenticac
ad DisplayRe
a opcin de i
ndo al provee
arios y rediri
ejemplo sigu
utenticac
mos asociar d
nfig.
usuarios inici
ransmitir la i
in
P.NET .
n formulario
ombre de us
vez. Si el usu
nte y el expl
e de autentic
cin constant
ememberMe
nicio de sesi
edor de pert
ige al usuario
uiente.
ion y Aut
declarativam
en la sesin
informacin
Web nuevo
suario y
ario activa e
orador del
acin del eq
tes. Para
e del control
in en el con
enencia al gr
o a la pgina
oiizacion
ente
antes
del
sta
uipo
ntrol
rupo
n
4
Paso
En es
form
Para
x
x
x
x
x
x
x
x
Si est
<form
config
prede
Mach
<form
d
re
c
e
<cre
</for
x
<autho
<den
4. Agregue
nuevos p
o 2. Configu
ste paso se co
ularios.
configurar la
Utilice el
Localice e
Agregue
<authent
siguiente
<authent
<forms
name
timeo
</authen
tablece el atr
ms>, para la
gurar slo lo
eterminada d
hine.config.c
ms name=".A
efaultUrl="d
equireSSL="f
ookieless="U
nableCrossA
edentials pas
rms>
Agregue
archivo W
su sitio W
orization>
y users="?" />
un control C
uedan regist
racin de la
onfigura la a
a aplicacin
Explorador d
el elemento
el siguiente e
tication> y. a
e manera.
tication mod
="SqlAuthCo
out="10" />
ntication>
ributo mode
configuraci
os atributos q
de la autenti
omments.
ASPXAUTH" l
default.aspx"
false" sliding
UseDevicePr
AppRedirects
sswordForma
el siguiente e
Web.config. E
Web.
reateUserW
trarse en el s
a aplicacin
aplicacin AS
Web para la
de solucione
<authentica
elemento <f
a continuaci
e="Forms">
ookie"
e del element
n de <forms
que necesite
icacin de fo
oginUrl="log
" protection=
gExpiration="
ofile" domai
s="false">
at="SHA1" />
elemento <a
Esto permite
Te
Wizard debajo
sitio y crear c
n Web para
SP.NET para q
a autenticac
es para agreg
ation> y cam
forms> como
n, establezc
to <authenti
s> se utilizan
e sobrescribir
ormularios ta
gin.aspx"
="All" timeou
"true"
n="
>
authorization
e que todos l
ema Au
o del control
cuentas nuev
a la autenti
que utilice la
in de formu
gar un archiv
bie el atribut
o secundario
ca los atribut
ication>, per
los valores p
r. Aqu se mu
al como los d
ut="30" path
n> en el elem
os usuarios a
utenticac
Login para q
vas.
cacin de f
a autenticaci
ularios
vo Web.confi
to mode a "F
del element
tos name y t
ro omite el e
predetermin
uestra la con
define el arch
h="/"
mento <auth
autenticados
ion y Aut
que los usua
formularios
n de
ig al proyect
Forms".
to
imeout de la
elemento
nados. Debe
nfiguracin
hivo
hentication>
s tengan acc
oiizacion
rios
s
o.
a
del
eso a
n
<allow
</auth
La co
El sig
dene
rediri
el no
del ar
Paso
En es
realiz
x
x
x
Crear
El pro
una b
escrib
se pu
men
Para
Utilic
sistem
aspne
S esp
E esp
w users="*" />
horization>
nfiguracin
no "?" indica
gar a los usu
igen a la pg
mbre de la p
rchivo Mach
o 3. Configu
ste paso se co
zacin de las
Crear una
Conceder
Configura
r una base d
oveedor de p
base de dato
biendo Aspn
uede utilizar
Sitio Web d
crear la base
ce Aspnet_re
ma de Visual
et_regsql S
pecifica el se
pecifica que
anterior slo
a usuarios no
uarios no aut
gina de inicio
pgina de inic
ine.config.co
racin de A
onfigura el p
acciones sig
a base de da
r acceso a la
ar los parm
e datos del a
pertenencia
os de SQL Ser
et_regsql.ex
en modo Asi
de Visual Stu
e de datos d
egsql.exe par
l Studio 2005
(local) E A
ervidor, que e
se utilice la a
o permite ten
o autenticad
tenticados, to
o de sesin. E
cio de sesin
omments es
ASP.NET pa
proveedor de
guientes:
atos del alma
a base de dat
metros de pe
almacn de
a grupo de S
rver. El almac
xe en la lnea
istente o la h
udio .NET 200
del almacn d
ra crear la ba
5, ejecute el
m
es (local) en
autenticaci
Te
ner acceso a
dos, mientras
odas las solic
El atributo lo
n. La configu
Login.aspx.
ara la perten
e pertenenci
acn de usua
tos a la cuen
rtenencia a g
usuario
SQL Server al
cn de usuar
a de comand
herramienta
05.
de usuario
ase de datos
comando sig
este ejempl
n de Window
ema Au
la aplicacin
s que "*" ind
citudes que
oginUrl del el
racin prede
nencia
a a grupo de
ario.
nta de la apli
grupo de AS
lmacena info
rio de SQL Se
os. Como alt
ASP.NET We
de pertenen
guiente.
o.
ws para cone
utenticac
n a los usuar
dica todos los
realizan esto
lemento <fo
eterminada d
e SQL Server
icacin Web
SP.NET.
ormacin de
erver se pue
ternativa, As
eb Site Confi
ncia a grupo.
ectarse a SQ
ion y Aut
rios autentica
s usuarios. A
os usuarios s
rms> determ
de este atrib
mediante la
.
los usuarios
de crear
spnet_regsql
guration del
En el smbo
QL Server.
oiizacion
ados.
Al
e
mina
uto
en
.exe
olo del
n
A m
auten
carac
Para
Resu
Si la b
x
x
Si no
x
x
x
x
Conc
La cu
ejecu
Wind
de re
Para
1
2
3
Estos
siguie
Cre
sp_gr
Gra
USE a
especifica q
nticacin sim
cterstica de
ver una lista
ltados esper
base de dato
Aspnetdb
Aspnetdb
existen, las t
aspnet_A
aspnet_M
aspnet_S
aspnet_U
eder acceso
enta de proc
uta la aplicac
dows Server 2
ed para ejecu
conceder ac
1. Cree un i
2. Conceda
de base d
3. Agregue
s pasos se pu
ente secuenc
eate a SQL Se
rantlogin 'NT
ant the login
aspnetdb
ue se agregu
mple con un a
pertenencia
completa d
rados
os Aspnetdb
b.mdf
b_log.LDF
tablas siguie
Applications
Membership
SchemaVersio
Users
a la base de
ceso de la ap
in en Servic
2003, de for
utar las aplica
cceso a la ba
nicio de sesi
el acceso de
de datos.
el usuario a
ueden realiza
cia de coman
erver login fo
T AUTHORITY
access to th
ue slo la car
almacn de u
a un grupo
e los comand
no existe, se
entes se crea
ons
e datos a la c
plicacin We
cios de Micro
ma predeter
aciones Web
se de datos
n de SQL Se
e inicio de se
la funcin de
ar con el Adm
ndos en el An
or the Netwo
Y\Network S
he membersh
Te
racterstica d
usuario de SQ
dos, ejecute
e crean dos a
n en la base
cuenta de la
b requiere e
osoft Interne
rminada se u
b.
erver para N
sin a la bas
e base de da
ministrador c
nalizador de
ork Service a
ervice'
hip database
ema Au
de pertenenc
QL Server, s
Aspnet_reg
archivos de b
de datos As
aplicacin W
el acceso a la
et Informatio
utiliza la cuen
T AUTHORIT
se de datos A
tos aspnet_
corporativo o
consultas SQ
ccount
e
utenticac
cia a grupo. P
lo se requie
gsql /?.
base de dato
pnetdb:
Web
base de dat
on Server (IIS
nta NT AUTH
TY\Servicio d
Aspnetdb cre
Membership
o se puede e
QL
ion y Aut
Para realizar
ere la
s:
tos Aspnetdb
S) 6.0 en
HORITY\Servi
e red.
eando un usu
p_FullAccess
jecutar la
oiizacion
r una
b. Si
icio
uario
s.
n
GO
sp_gr
Add
USE a
GO
sp_ad
Confi
En es
Para
1
<
<
En es
atribu
anter
2
<
rantdbaccess
d user to dat
aspnetdb
ddrolememb
igurar los pa
ste paso se e
configurar la
1. En el arch
apunte a
connectionStri
<add name="M
connectionS
/connectionStr
ste caso, el n
uto connecti
riormente.
2. Agregue
como se
impide qu
membership de
<providers>
<clear/>
<add name="M
connection
application
type="Syste
V
</providers>
s 'NT AUTHO
tabase role
ber 'aspnet_M
armetros de
specifica la c
a configurac
hivo Web.co
la base de d
ngs>
MyLocalSQLServ
String="Initial C
rings>
ombre que u
ionString co
un elemento
muestra en e
ue se cargue
efaultProvider=
MySqlMember
nStringName="M
nName="MyApp
em.Web.Securi
Version=2.0.0.0
ORITY\Netwo
Membership
e pertenenci
configuraci
cin de perte
nfig, agregue
datos de pert
ver"
atalog=aspnetd
utilizar para
mo la base d
o <members
el ejemplo si
e el proveedo
="MySqlMembe
shipProvider"
MyLocalSQLSer
pName"
ity.SqlMembers
, Culture=neutr
Te
ork Service',
p_FullAccess
ia a grupo de
n del sitio W
enencia a gru
e una cadena
tenencia a gr
db;data source=
a esta conex
de datos de p
hip> despu
iguiente. Ob
or predeterm
ershipProvider"
rver"
shipProvider, S
ral, PublicKeyTo
ema Au
'Network Se
', 'Network S
e ASP.NET
Web.
upo
a de conexi
rupo.
=localhost;Integ
in es MyLoc
pertenencia
s del elemen
serve el uso
minado y nun
" >
ystem.Web,
oken=b03f5f7f1
utenticac
rvice'
Service'
n similar a la
grated Security
calSQLServe
al grupo que
nto <authori
del element
nca se utilice
11d50a3a" />
ion y Aut
a siguiente q
y=SSPI;" />
r. Establezca
e cre
ization> tal y
to <clear/>.
e.
oiizacion
que
a el
y
Esto
n
<
Aseg
("My
Estab
aplica
de pe
Nota
Debe
defin
propi
expo
prove
Mem
defau
Paso
En es
Adici
Agreg
Esta p
cdig
para
protec
{
Respo
Form
Form
Respo
Respo
Respo
Respo
Respo
Respo
Respo
Respo
}
Crea
1
2
/membership>
rese de que
LocalSQLSer
blezca tambi
acin. Los de
ertenencia a
e definir el at
icin del pro
iedad que se
nen una pro
eedores disti
mbershipProv
ultProvider.
o 4. Compro
ste paso se p
n de un co
gue el cdigo
pgina slo d
go muestra la
los usuarios
cted void Page_
onse.Write("He
msIdentity id = (F
msAuthenticatio
onse.Write("<p
onse.Write("<b
onse.Write("<b
ticket.Expir
onse.Write("<b
onse.Write("<b
onse.Write("<b
onse.Write("<b
onse.Write("<b
acin de un
. Vaya a la
La configu
obtener ac
2. Cree un us
proveedor
x
L
>
e establece e
rver") que es
n el atribut
etalles de usu
grupo.
tributo defau
oveedor. Los
e utiliza de fo
piedad Mem
intos de los p
vider de los c
obacin de l
prueba la aut
ntrolador de
o siguiente a
debe mostra
a informaci
autenticado
_Load(object se
ello, " + Server.
FormsIdentity)U
onTicket ticket =
p/>TicketName
br/>Cookie Path
br/>Ticket Expir
ration.ToString(
br/>Expired: " +
br/>Persistent:
br/>IssueDate: "
br/>UserData: "
br/>Version: " +
usuario nu
pgina Defau
uracin anterio
cceso a ningu
suario nuevo
r de pertenenc
La contrasea
el atributo co
pecific ante
o applicatio
uario se orga
ultProvider d
controles Lo
orma predete
mbershipProv
predetermin
controles Log
la autentica
tenticacin d
e eventos Pa
al controlado
arse a los usu
n obtenida d
os.
ender, EventArg
HtmlEncode(Us
User.Identity;
= id.Ticket;
: " + ticket.Nam
h: " + ticket.Coo
ration: " +
());
+ ticket.Expired
" + ticket.IsPers
" + ticket.IssueD
" + ticket.UserD
+ ticket.Version
uevo
lt.aspx de la a
or del element
na de las pg
con una contr
cia a grupo de
debe tener un
Te
onnectionStr
eriormente e
nName com
anizan por no
del elemento
ogin utilizan
erminada. Si
vider que pe
nados. Aunqu
gin, es acons
acin de fo
de formulario
age_Load
or de eventos
uarios autent
del vale de a
gs e)
ser.Identity.Na
me );
okiePath);
.ToString());
sistent.ToString
Date.ToString()
Data);
.ToString());
aplicacin.
to <authoriz
inas de la apl
rasea segura
e SQL para la
na longitud de
ema Au
ringName co
en la seccin
o un valor
ombre de ap
o <members
este atributo
in embargo,
ermite utiliza
ue es posible
sejable defin
rmularios
os.
s Page_Load
ticados. Para
utenticacin
me));
g());
);
zation> impid
icacin y le re
a. Las reglas p
contrasea so
e al menos sie
utenticac
omo el mism
n connection
nico que rep
plicacin en l
hip> para qu
o para deter
estos contro
ar con los con
e definir la pr
nir el atributo
d de la pgina
a demostrar
n de formula
de a los usuar
edirige a la p
predeterminad
on las siguient
ete caracteres
ion y Aut
mo nombre
nStrings.
presente la
la base de da
ue apunte a
minar la
oles tambin
ntroles
ropiedad
o
a Default.asp
que es as, e
rios que se e
ios no autenti
gina Login.as
das que aplica
tes:
s.
oiizacion
atos
la
px.
el
emite
icados
px.
a el
n
3
Crea
Ahora
Arras
del co
Login
el tex
Adem
basn
pued
conte
A co
cuand
al usu
Mem
La cla
usuar
elect
objet
Web.
prct
La cla
x
x
x
x
L
3. Inicie sesi
redirigir a
de autenti
ar la Pg
a podemos a
stramos un L
ontrol LoginS
nText y Logou
xto del estad
ms usamos u
ndonos en si
en ver usand
enido de la p
ntinuacin, e
do se muest
uario por su
mbership
ase Member
rio y adminis
rnico. La cla
to de crear u
. El control L
tico para vali
ase Member
Crear nue
Almacena
direccion
un almac
Autentica
a los usua
completo
La contrasea
n con su cue
la pgina Def
cacin de form
gina de Bi
aadir la pg
LoginStatus a
Status, por e
utText. Tamb
do de sesin
un LoginView
i el usuario h
do la etiquet
plantilla que
establecemo
re esta plant
nombre.
p
ship se utiliz
strar la confi
ase Member
n sistema co
ogin encapsu
dar a los usu
rship proporc
evos usuario
ar la informa
nes de correo
cn de datos
ar a los usua
arios o pued
o que requie
debe contene
enta de usuari
fault.aspx que
mularios.
ienvenid
gina que dar
a la pgina Bi
ejemplo, para
bin podemo
iniciada
w. Aqu pode
ha iniciado la
ta inteligente
se mostrar
os LoggedInT
tilla, podemo
a en aplicaci
guracin del
rship se pued
ompleto para
ula la clase M
uarios.
ciona los me
os.
acin de susc
o electrnico
alternativo.
rios que visit
e utilizar el c
re poco o nin
Te
er al menos un
io nueva. Si to
e solicit inicia
da
la Bienveni
ienvenido.as
a cambiar el
os desplegar
emos introdu
sesin o no
e: Anonymou
depender d
Template. Co
os utilizar el
iones ASP.NE
l usuario com
de utilizar so
a autenticar
Membership
edios para:
cripcin (nom
o y datos com
tan su sitio. M
control Login
ngn cdigo
ema Au
n carcter alfa
odo se realiza
almente y deb
da al usuario
spx. Podemo
texto del vn
r la ventana d
ucir texto y c
. Este contro
usTemplate y
de si el usua
omo el usuar
control Login
ET para valid
mo contrase
ola o con la cl
a los usuario
para propor
mbres de usu
mpatibles) en
Mediante pr
n para crear
.
utenticac
anumrico.
correctamen
beran aparece
o.
os establecer
nculo con las
de vista para
controles que
ol tiene dos v
y LoggedInTe
rio ha iniciad
io habr inic
nName para
dar las creden
as y direccio
lase FormsA
os de una ap
rcionar un m
uario, contra
n Microsoft S
rogramacin
un sistema d
ion y Aut
te, se le debe
er detalles del
las propieda
s propiedade
a ver el vincu
e se mostrar
vistas, que se
emplate. El
do la sesin o
ciado la sesi
dar la bienv
nciales del
ones de corr
uthenticatio
licacin o sit
mecanismo
aseas,
SQL Server o
puede aute
de autenticac
oiizacion
era
vale
ades
es
ulo y
rn
e
o no.
n
venida
reo
n con
tio
en
nticar
cin
n
x
p
{
N
a
}
Administ
restablec
que requ
peticione
que la ha
ublic void L
if (Membe
FormsAu
NotPublicChe
else
Msg.Tex
gain.";
Nombre
CreateUs
DeleteUs
Equals
FindUser
FindUser
Generate
GetAllUs
GetHashC
GetNumb
rar contrase
cimiento, etc
iera una pre
es de restable
yan olvidado
Login OnClic
rship.Valida
uthenticatio
ckBox.Checke
t "Login f
ser
ser
rsByEmail
rsByName
ePassword
ers
Code
berOfUsersO
as que inclu
c. Opcionalm
gunta y una
ecimiento o
o.
ck(object se
ateUser(User
on.RedirectF
ed);
failed. Plea
Desc
Sobre
datos
Sobre
Sobre
son i
Sobre
suscr
conti
que d
Sobre
suscr
nom
Gene
espe
Sobre
usua
Acta
hered
Online Obtie
Te
uyen su crea
ente puede
respuesta d
recuperaci
ender, Event
rnameTextbox
FromLoginPag
ase check yo
ripcin
ecargado. Ag
s.
ecargado. El
ecargado. De
guales. (Se h
ecargado. O
ritos donde l
iene la direcc
debe coincid
ecargado. O
ritos donde e
bre de usuar
era una cont
cificada.
ecargado. O
rios en la ba
a como func
da de Object
ene el nme
ema Au
acin, cambio
configurar la
e contrasea
n de la contr
tArgs args)
x.Text, Pass
ge(UsernameT
our user nam
grega un nue
imina a un u
etermina si d
hereda de Ob
btiene una c
a direccin d
cin de corre
dir.
btiene una c
el nombre de
rio especifica
rasea aleat
btiene una c
se de datos.
cin hash par
t).
ro de usuari
utenticac
o, recuperac
a suscripcin
a para auten
rasea para
wordTextbox
extbox.Text
me and passwo
evo usuario a
usuario de la
dos instancia
bject).
coleccin de
de correo ele
eo electrnic
coleccin de
e usuario co
ado que deb
toria de la lon
coleccin de
ra un tipo co
os que actua
ion y Aut
cin y
n a ASP.NET p
nticar las
aquellos usu
.Text))
,
ord and try
al origen de
base de dat
as de Object
usuarios
ectrnico
co especifica
usuarios
ntiene el
e coincidir.
ngitud
todos los
oncreto. (Se
almente tien
oiizacion
para
uarios
os.
ada
en
n
Role
Admi
aplica
La ad
aplica
usuar
aplica
nomb
tener
privil
Los u
discu
Podr
usuar
GetType
GetUser
GetUserN
Referenc
ToString
UpdateU
ValidateU
es
inistra la sus
acin ASP.NE
dministracin
acin basnd
rios a las fun
acin Web b
bres de usua
r funciones c
egios diferen
suarios pued
sin, alguno
a definir cad
rio con amba
NameByEma
ceEquals
User
User
cripcin del
ET. Esta clase
n de funcione
dose en grup
nciones perm
asndose en
ario, o adem
como Admin
ntes a cada f
den pertenec
os usuarios p
da funcin de
as funciones
acces
Obtie
de O
Sobre
datos
ail Obtie
elect
elect
Dete
la m
Devu
Obje
Actua
corre
Com
prop
usuario a fu
e no se pued
es de ASP.NE
pos de usuar
mite controla
n funciones,
s de ellos. P
istradores, E
funcin.
cer a ms de
odran tener
el sitio de fo
tendra los d
Te
so a una apli
ene el objeto
bject).
ecargado. O
s para el usu
ene un nomb
trnico coinc
trnico espec
rmina si las
sma instanc
uelve una cla
ect actual. (Se
aliza la base
espondiente
prueba que
orcionados s
nciones para
de heredar.
ET le permite
ios, que se d
r el acceso a
en lugar de e
Por ejemplo,
Empleados, D
e una funcin
r a la vez las
rma que ten
dos conjunto
ema Au
icacin.
o Type de la
btiene la info
uario suscrito
bre de usuar
cide con la di
cificada.
instancias de
ia. (Se hered
se String que
e hereda de
de datos co
al usuario es
el nombre d
son vlidos.
a el control d
e administra
denominan fu
a partes o car
especificar u
una aplicaci
Directores, et
n. Por ejemp
funciones M
ga privilegio
os de privileg
utenticac
instancia act
ormacin de
o.
rio cuya direc
ireccin de c
e Object esp
da de Object)
e representa
Object).
n la informa
specificado.
e usuario y l
de autorizaci
r la autorizac
unciones. La
ractersticas
una autorizac
n de emple
tc., donde se
plo, si su sitio
Miembros y M
os diferentes,
gios.
ion y Aut
tual. (Se her
el origen de
ccin de corr
correo
ecificadas so
).
a la clase
cin
a contrasea
n en una
cin para su
asignacin d
diferentes d
cin basada e
eados podra
e especifican
o es un foro d
Moderadores
, por lo que
oiizacion
eda
reo
on
a
de
de su
en
a
n
de
s.
un
n
Para
roleM
habilitar la a
Manager de l
Nombre
AddUsers
AddUsers
AddUserT
AddUserT
CreateRo
DeleteCo
DeleteRo
Equals
FindUser
GetAllRol
GetHashC
GetRoles
GetType
GetUsers
IsUserInR
Referenc
RemoveU
RemoveU
RemoveU
RemoveU
RoleExist
ToString
administraci
a seccin sy
sToRole
sToRoles
ToRole
ToRoles
ole
ookie
ole
sInRole
les
Code
sForUser
sInRole
Role
eEquals
UserFromRole
UserFromRole
UsersFromRo
UsersFromRo
ts
n de funcio
stem.web de
Descrip
Agrega
Agrega
especific
Agrega
Agrega
Agrega
Elimina
funcin
Sobreca
Sobreca
iguales.
Obtiene
especific
Obtiene
Acta co
de Obje
Sobreca
incluido
Obtiene
Object).
Obtiene
especific
Sobreca
incluido
Determi
misma
e Quita el
es Quita el
le Quita lo
les Quita lo
especific
Obtiene
especific
Devuelv
actual. (
Te
nes para su a
el archivo W
pcin
los usuarios
los usuarios
cadas.
el usuario es
el usuario es
una funcin
la cookie don
argado. Quita
argado. Deter
(Se hereda
una lista de
cada que con
una lista de
omo funcin
ct).
argado. Obtie
un usuario.
el objeto Ty
.
una lista de
cada.
argado. Obtie
en la funcin
ina si las inst
nstancia. (Se
usuario espe
usuario espe
s usuarios es
s nombres d
cadas.
un valor que
cado ya exist
ve una clase S
(Se hereda d
ema Au
aplicacin AS
Web.config de
especificados
especificados
pecificado a
pecificado a
nueva al orig
nde se almac
a una funcin
rmina si dos
de Object).
los nombres
ntienen un no
todas las fun
hash para un
ene una lista
pe de la insta
usuarios incl
ene un valor q
n especificada
tancias de Ob
e hereda de O
ecificado de
ecificado de
specificados d
e usuario esp
e indica si el
te en el orige
String que re
e Object
utenticac
SP.NET, utilic
e su aplicaci
s a la funcin
s a las funcio
la funcin es
las funciones
gen de datos.
cenan los nom
del origen d
instancias de
de usuario d
ombre de usu
nciones de la
n tipo concret
de las funcio
ancia actual.
luidos en la f
que indica si
a.
bject especif
Object).
a funcin esp
as funciones
de la funcin
pecificados de
nombre de fu
en de datos d
epresenta la c
ion y Aut
ce el elemen
n
n especificada
nes
pecificada.
s especificad
mbres de
e datos.
e Object son
de una funci
uario buscado
aplicacin.
to. (Se hered
nes en que e
(Se hereda d
funcin
un usuario e
ficadas son la
pecificada.
especificada
especificada
e las funcione
uncin
e la funcin.
clase Object
oiizacion
nto
a.
as.
n
o.
da
est
de
st
a
s.
.
es
n
Pe
Los si
espec
una f
dicho
Un pe
los us
fiche
del p
en la
de la
hara
Aunq
tamb
inform
(Anon
junta
inclui
auten
Antes
acces
ASP.N
en ot
Roles
prove
carac
viene
perso
carac
Adem
admi
Profi
Profi
x
x
eifiles
itios web ne
cficos de un
forma de def
os datos.
erfil de usua
suarios del s
ro de configu
erfil desde la
configuraci
pgina. Pod
mos para cu
que la utilizac
bin permite
macin de u
nymous Iden
s para perm
idos en este
nticados com
s del inicio d
sible para se
NET guarda a
tras funciona
s" (Role Man
eedor. Los pr
cterstica de
e con un prov
onalizados y
cterstica per
ms de la pro
nistracin de
leManager (
leManager i
Burcar in
perfiles d
Determin
perodo d
s
cesitan frecu
usuario que
finir datos es
rio es un con
itio. El perfil
uracin (mac
a pgina, util
n y genera a
emos accede
ualquier otra
cin ms com
almacenar i
suarios ann
ntification). L
itir el uso de
tutorial mue
mo con usuar
el ciclo de vi
r usado por
automticam
alidades, com
nager), la cara
roveedores a
las clases y l
veedor para
configurarlo
rfil seguirn f
opiedad Prof
e perfiles (ta
(administrad
ncluyen:
formacin e
de usuarios a
nar el nmer
de tiempo.
uentemente
e se aplicarn
specficos de
njunto de pro
de usuario s
chine.config
lizaremos la
automticam
er a las prop
clase.
mn del Prof
nformacin
nimos depen
Las funciona
e la propieda
estran el uso
rios annimo
ida de la pg
la pgina. De
mente el Perf
mo "Pertenen
acterstica P
abstraen el a
gica de neg
Microsoft
os para traba
funcionando
file, la caract
anto para usu
or de perfile
stadstica so
annimos.
o de perfiles
Te
un mtodo
n a todo el si
e usuario de f
opiedades q
se define me
o web.confi
propiedad P
mente una cl
piedades del
file es almac
de usuarios
nde de la cara
lidades de P
ad Profile par
o de la caract
os.
gina, ASP.NET
e forma simi
fil en los alm
ncia a un gru
erfil ha sido
almacn de d
gocio de dich
SQL Server.
jar con la ca
o igual con nu
erstica Prof
uarios autent
es). Tareas co
obre todos lo
s que no se h
ema Au
conveniente
itio. La carac
forma fcil, a
ue definen la
ediante una s
g). Para hace
Profile. ASP.N
ase accesible
Profile de la
enar datos d
annimos. E
acterstica "I
erfil y Identif
ra usuarios a
terstica Prof
T se asegura
lar, al final d
macenes de d
upo" (Memb
diseada co
datos fsico c
ha caracterst
Podemos cr
racterstica P
uestros prov
file proporcio
ticados com
omunes que
os perfiles de
han modifica
utenticac
e para almace
cterstica de
as como def
a informaci
sencilla sinta
er referencia
NET lee el es
e desde la pr
misma form
de usuarios a
El almacenam
Identificaci
ficacin An
annimos. Lo
file tanto con
que el Perfi
el ciclo de vi
atos. De la m
ership) o "Ad
n un modelo
correspondie
tica. La carac
ear nuestros
Perfil. Las p
veedores per
ona soporte
o annimos)
haremos co
e usuarios au
do en un det
ion y Aut
enar los dato
Perfil propor
finir y almace
n a almacen
axis XML en u
a a la informa
quema defin
ropiedad Pro
ma que lo
utenticados
miento de la
n Annima"
nima trabaja
os ejemplos
n usuarios
l se encuent
ida de pgina
misma forma
dministrador
o basado en
ente a una
cterstica Per
s proveedore
ginas que us
rsonalizados.
para la
) con el
n el
tenticados y
terminado
oiizacion
os
rciona
enar
nar de
un
acin
nido
ofile
,
an
ra
a,
a que
r de
rfil
es
san la
.
y
n
x
Gua
La for
esa in
de pe
de Da
Aspn
Con
ASP.N
de pe
utiliza
propo
tenem
intera
debe
web.
<prof
Esto
nomb
String
Eliminar p
modificac
ardar info
rma ms sen
nformacin e
ersistencia q
atos.
et_regsql.ex
figurar la
NET ha disoc
erfil) del prov
ar el proveed
orcionados (
mos un siste
actuar con e
mosinforma
Config:
file enabled
<propert
<add n
<add n
<add n
<add n
</proper
</profile>
hace que la A
bre, apellido
g. Sin embar
perfiles indiv
cin de estos
rmacin d
ncilla de pers
est disponib
ue va mucho
xe es un com
a gestin d
ciado la API d
veedor de da
dor predeter
SqlServer) o
ma de gesti
l perfil en el
r al sistema
d "true" def
ties>
name "Nombre
name "Apelli
name "Telefo
name "fechaN
rties>
>
API de perfil
s,telfono y
go, podemo
viduales o gr
s.
de Person
sonalizacin
ble siempre q
o ms all de
ando que pe
de los Per
de perfil (cm
atos subyace
rminado (Sql
incluso escr
n de relacio
resto del c
de los datos
aultProvider
"/>
dos"/>
no"/>
acimiento" t
cree espacio
fecha de nac
s definir un t
Te
upos de perf
nalizacin
es guardar i
que el usuar
el estado de
ermite instal
rfiles
mo interactu
ente (cmo s
lServerExpre
ribir nuestro
ones con el c
digo. Para ag
que querem
r "AspNetSql
type "System
o para almac
cimiento. El
tipo.
ema Au
files basndo
n
nformacin s
rio inicie una
la sesin. Pa
ar una base
ar mediante
se almacenan
ess) o uno de
propio prov
liente) sin ca
gregar datos
mos almacen
lProfileProv
m.DateTime"/
cenar cuatro
tipo de alma
utenticac
onos en la fe
sobre el usua
sesin. Esto
ra ello utiliza
de datos de
e programaci
n los datos).
e los otros pr
veedor (por e
ambiar la for
s al perfil del
ar. Esto lo ha
vider">
/>
fragmentos
acenamiento
ion y Aut
echa de ltim
ario y hacer
o necesita un
aremos una
Sql Server
n con los d
Esto nos pe
roveedores
ejemplo, si
rma de
usuario, ant
acemos en e
de informac
o por defecto
oiizacion
ma
que
n tipo
Base
atos
rmite
tes
el
cin:
o es
n
AApliicaccio
Te
N
e

M
ne
con
ema
ovi
MC
s
n .N
a
liuau
CTS:
Web
NET
3
u
:
b
T
5
Te
Sim
Usare
For
Un fo
Tene
<%@ P
Inher
<%@ R
Assem
<html
<body
<
<
</bod
</htm
using
using
using
using
using
using
using
publi
{
p
{
}
}
ema
mulador
emos un sim
http://de
mulario
ormulario m
mos que reg
Page Languag
rits " Defau
Register Tag
mbly "System
l xmlns "htt
y>
<mobile:Form
<a href
<br />
<a href
<br />
<a href
<br />
<a href
<br />
<mobile:
</mobile:For
dy>
ml>
g System;
g System.Col
g System.Lin
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
MobileCa
elNavega
}
Nov
mulador de te
eveloper.ope
mvil
vil hereda d
gistrar una lib
ge "C#" Auto
ult" %>
gPrefix "mob
m.Web.Mobile
tp://www.w3.
m id "Form1"
"CalendarTe
"LabelTest.
"ObjectList
"AdRotatorT
Label Runat
rm>
lections.Ge
nq;
b;
b.UI;
b.UI.WebCont
b.Mobile;
class Defau
oid Page Loa
apabilities m
ador.Text m
viliua
elfono mvi
enwave.com
de System.W
brera de con
EventWireup
ile" Namespa
" %>
org/1999/xht
runat "serv
st.aspx">Cal
aspx">LabelT
Test.aspx">O
est.aspx">Ad
"server" Fo
neric;
rols;
lt : System
d(object sen
mobCaps (M
mobCaps.Pref
au
il
Web.UI.Mob
ntroles
"true" Code
ace "System.
tml" >
ver">
lendarTest.a
Test.aspx</a
ObjectListTe
dRotatorTest
ont Bold "Tr
.Web.UI.Mobi
nder, EventA
MobileCapabi
ferredRender
bileContro
eFile "Defau
.Web.UI.Mobi
aspx</a>
a>
est.aspx</a>
t.aspx</a>
rue" ID "elN
ileControls.
Args e)
ilities)Requ
ringType;
T
ols.Mobile
ult.aspx.cs"
ileControls"
>
Navegador" /
MobilePage
uest.Browser
ema N
ePage
>
r;
Noviliuau
u
La cla
de fu
Los co
dispo
emul
emul
dispo
como
despl
interf
Dent
<Cho
con la
el ord
const
reem
del d
ase MobileCa
nciones sob
ontroles de A
ositivos mvi
adores que s
ador permit
ositivos de ha
o lo haran lo
lazara un us
faz y utilizar
ro de un elem
oice>, cada u
as funciones
den en que a
truccin de D
mplazar propi
ispositivo pa
apabilities Pr
re dispositiv
ASP.NET Mo
iles. Los fabr
simulan el fu
e ver las pg
ardware de l
os usuarios. E
suario por su
una plantilla
mento <Dev
no de los cua
s del disposit
aparece y la p
DeviceSpecif
edades; por
ara el contro
roporciona u
os cliente y p
obile permite
icantes de la
uncionamien
ginas Web de
os fabricante
Es posible, po
sitio Web e
a DeviceSpec
iceSpecific>
ales contiene
ivo de destin
primera opc
fic/Choice se
ejemplo, se
l Image.
un solo orige
para realizar
en desarrolla
a mayora de
to del hardw
e ASP.NET M
es, as como
or ejemplo, q
n un disposit
cific para ese
se especifica
e atributos q
no. En tiemp
in correcta
utiliza para
puede utiliz
n para obten
r consultas en
r aplicacione
e dispositivos
ware y de los
Mobile tal y co
probar la in
que despus
tivo determi
e dispositivo.
a normalmen
que especific
po de ejecuci
mente evalu
especificar l
zar para indic
T
ner acceso a
n funciones
es para una g
s mviles pro
s exploradore
omo se vera
terfaz del sit
s de comprob
nado, decida
.
nte uno o va
can cmo se
n, cada opc
uada es la qu
os conjuntos
car las imge
ema N
la informaci
de dispositiv
gran varieda
oporcionan
es. El softwa
an en los
tio Web tal y
bar cmo se
a modificar l
rios element
evala la op
cin se eval
e se utiliza. L
s de plantilla
enes especfi
Noviliuau
in
vo.
d de
re
y
a
tos
cin
a en
La
as y
cas
u
Devi
Espec
basad
utiliza
conte
<devic
</devi
Con
Los co
conte
envo
interr
los fo
Con
<%@ P
%>
<%@ R
Assem
<!DOC
"http
<html
<head
<
</hea
<body
<
<
</bod
</htm
Un pa
Form
propi
como
Con
Repre
carac
Actio
URL.
Una p
naveg
iceFilter
cifica un disp
do en el agen
ar un filtro d
enido o plant
ceFilters>

<f
iceFilters>
ntroles de
ontroles ASP
enedores de
o de datos, m
relacionados
ormularios, s
trol Pane
Page Languag
Register Tag
mbly "System
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title></tit
ad>
y>
<mobile:Form
<mobile:
<mob
</mobile
<mobile:
<mob
</mobile
</mobile:For
dy>
ml>
anel puede c
m o StyleShee
iedades de e
o el estilo de
trol Form
esenta el con
ctersticas de
on por defect
Un formular
pgina pued
gador. El for
positivo o cla
nte de usuar
de dispositivo
tillas que cam
<filter name
<filter name
filter name="
el Conten
P.NET incluye
otros contro
mientras que
s. Varios pan
in embargo,
el
ge "C#" Auto
gPrefix "mob
m.Web.Mobile
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
tle>
m ID "Form1"
Panel Runat
bile:Label r
e:Panel>
Panel Runat
bile:Label R
e:Panel>
rm>
contener cua
et. Los contro
estilo de los c
los controle
m
ntenedor m
e este contro
to es una cad
rio desencad
e contener v
mulario activ
ase de dispos
rio o explora
o para reemp
mbian el dise
="IsIE" compa
="IsMobile" c
isHTML32" com
nedor
en un par de
oles. El contr
Panel repre
neles pueden
no pueden
EventWireup
ile" Namespa
" %>
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
Runat "serv
"server" Fo
unat "server
"server" Ba
unat "server
alquier contr
oles de pane
controles ind
es hijos estn
s externo de
ol tienen prop
dena vaca, lo
dena eventos
varios formu
vo actual pu
sitivo en un s
dor. Un prog
plazar propie
eo y la apar
are="Browser"
compare="IsMob
mpare="Preferr
e controles: P
rol Form se d
senta un sim
n anidarse e i
anidarse.
"true" Code
ace "System.
ML 1.0 Trans
1 transition
tml">
ver">
ont Bold "Tr
r">Programac
ackColor "ye
r">Gerardo S
rol de movilid
el no tienen r
dividuales qu
n controlado
e controles d
piedades de
o que causa
s cuando se a
larios, pero s
ede fijarse y
sistema Mob
gramador de
edades del co
riencia.
argument="IE"
bileDevice" ar
redRenderingTy
Panel y Form
diferencia de
mple grupo e
incluirse en l
eFile "Panel
.Web.UI.Mobi
sitional//EN
nal.dtd">
rue" Alignme
cin en ASP.
ellow">
Sanz</mobile
dad ASP.NET
representaci
uehay en su i
s por el adap
dentro de un
l estilo actio
un envo de
activan y se d
slo se dibuj
recuperarse
T
bileCapabiliti
e pginas o a
ontrol o defi
" />
rgument="true"
ype" argument=
m que funcion
e Panel en qu
sttico de co
los formulari
l.aspx.cs" I
ileControls"
N"
ent "Right">
NET 2.0</mo
e:Label>
T diferente d
n visual y s
interior. Tant
ptador del di
na pgina de
n y method.
datos de da
desactivan.
a uno cada v
e mediante la
ema N
ies ASP.NET
plicaciones p
nir bloques d
" />
="html32" />
nan como
ue soporta e
ontroles
ios, mientras
nherits "Pa
>
obile:Label>
e MobilePag
lo albergan
to la disposic
ispositivo.
movilidad. L
En particula
tos a la mism
vez en el
a propiedad
Noviliuau
puede
de
l
s que
nel"
ge,
n las
cin
Las
ar,
ma
u
Activ
usand
<%@ P
<%@ R
Assem
<!DOC
"http
<html
<head
<
</hea
<body
<
Form<
<
<
Form<
<
</bod
</htm
Para
Navig
Con
Los co
e iter
El con
elem
El con
lista.
Por
base
El co
Dibuj
estt
elem
En m
selec
est p
opcio
elem
que e
la pro
<%@ P
<%@ R
Assem
eForm. Cuan
do el control
Page Languag
Register Tag
mbly "System
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title></tit
ad>
y>
<mobile:Form
<mobile:
<mobile:
</mobile:Lin
</mobile:For
<mobile:Form
<mobile:
<mobile:
</mobile:Lin
</mobile:For
dy>
ml>
hacer que un
gateUrl el ID
ntroles de
ontroles List
rativos de AS
ntrol List se p
entos.
ntrol Selectio
ltimo, debem
de datos de
ontrol Lis
ja una secue
ico o interac
ento es texto
odo interact
cionarse y q
presente, el
ones esttica
entos en hip
el clic se inte
opiedad Data
Page Languag
Register Tag
mbly "System
ndo varios fo
l Link.
ge "C#" Auto
gPrefix "mob
m.Web.Mobile
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
tle>
m ID "Form1"
Label ID "L
Link ID "Li
nk>
rm>
m ID "Form2"
Label ID "L
Link ID "Li
nk>
rm>
n control Lin
del formula
e Listado
t, ObjectLIst y
SP.NET.
parece a Rep
onList es til
mos usar el c
forma tabul
st
ncia de elem
ctivo. En mod
o plano.
tivo, todos lo
ue generan u
control func
a. Cuando se
pervnculos. E
rpreta como
aValueField y
ge "C#" Auto
gPrefix "mob
m.Web.Mobile
ormularios es
EventWireup
ile" Namespa
" %>
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
Runat "serv
abel1" Runat
nk1" Runat "
Runat "serv
abel2" Runat
nk2" Runat "
nk apunte a u
rio prefijado
o
y SelectionLi
peater y a Da
si necesita q
control Obje
ar.
mentos en un
do esttico, e
os elementos
un evento. S
ciona de form
fija a true, la
En este caso
o un salto a u
y el texto de
EventWireup
ile" Namespa
" %>
stn activos
"true" Code
ace "System.
ML 1.0 Trans
1 transition
tml">
ver">
t "server">P
"server" Nav
ver">
t "server">S
"server" Nav
un formulario
o con el simb
ist son parte
ataList y mue
que el usuar
ctList si nece
n dispositivo.
el control ge
s se dibujan c
Si un gestor d
ma interactiv
a propiedad
, ningn eve
una nueva UR
hipervnculo
"true" Code
ace "System.
en la misma
eFile "Form.
.Web.UI.Mobi
sitional//EN
nal.dtd">
Primer Form<
vigateUrl "#
Segundo Form
vigateUrl "#
o interno, po
olo #
s demovilida
estra una list
io elija entre
esitamos mo
. EL control p
enera una list
como eleme
de eventos p
va, sino, trab
ItemsAsLink
nto ItemCOm
RL. Prodrem
o DataTextFi
eFile "List.
.Web.UI.Mobi
T
pgina, pue
aspx.cs" In
ileControls"
N"
</mobile:Lab
#Form2">Sigu
m</mobile:La
#Form1">Ante
onemos en la
ad de los con
ta esttica lim
e varios elem
ostrar la infor
puede trabaj
ta esttica en
entos que pu
ara el evento
aja como un
ks transforma
mmand se d
os indicar es
ield
aspx.cs" In
ileControls"
ema N
ede conmuta
nherits "For
bel>
uiente
abel>
erior
a propiedad
ntroles de list
mitada de
mentos de un
rmacin de u
jar en modo
n la que cada
eden
o ItemComm
na lista de
a la lista de
esencadenar
sta URL med
nherits "Lis
Noviliuau
rlos
m" %>
tado
a
una
a
mand
r, ya
iante
t" %>
u
<html
<body
<
<
<
<
</bod
</htm
using
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
}
Un co
DataS
espec
Estos
Al de
elem
<%@ P
Inher
<%@ R
Assem
<!DOC
"http
<html
<head
<
</hea
<body
<
DataV
OnIte
<
<
[auth
l xmlns "htt
y>
<mobile:Form
<b>Where
<mobile:
<ite
<ite
<ite
<ite
<ite
</mobile
</mobile:For
<mobile:Form
<mobile:
</mobile:For
dy>
ml>
g System;
g System.Col
g System.Com
g System.Dat
g System.Dra
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
string m
e.ListI
Info.Tex
ActiveFo
}
ontrol List pu
Source. El co
cificada: una
s valores se f
finir un gest
entos como
Page Languag
rits "ListBd
Register Tag
mbly "System
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title></tit
ad>
y>
<mobile:Form
<mobile:
ValueField "
emDataBind "
</mobile:For
<asp:sqldata
Connecti
SelectCo
hors]"></asp
tp://www.w3.
m id "Form1"
e do you wan
List runat
em Text "Rom
em Text "New
em Text "Lon
em Text "Par
em Text "Syd
e:List>
rm>
m runat "serv
Label runat
rm>
lections;
mponentModel
ta;
awing;
b;
b.Mobile;
b.SessionSta
b.UI;
b.UI.MobileC
b.UI.WebCont
b.UI.HtmlCon
class List :
oid List Cli
msg String
tem.Text, e
xt msg;
orm Result
uede estar lim
ontrol List pu
a para la prop
fijan mediant
or para Item
la combinac
ge "C#" Auto
d" %>
gPrefix "mob
m.Web.Mobile
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
tle>
m ID "Form1"
List DataS
au id" Runa
OnItemDataB
rm>
asource id "
onString "<
ommand "SELE
p:sqldatasou
org/1999/xht
runat "serv
t to go toda
"server" id
e" Value "1
York" Value
don" Value "
is" Value "
ney" Value "
ver" id "Res
"server" id
;
te;
ontrols;
rols;
trols;
System.Web
ck(object so
.Format("Goi
.ListItem.Va
sForm;
mitado por u
uede vincular
piedad Text d
te las propie
mDataBind, se
cin de ms c
EventWireup
ile" Namespa
" %>
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
Runat "serv
ource "<%# S
t "server" I
ind"></mobil
SqlDataSourc
%$ Connectio
CT [au lname
rce>
tml" >
ver">
ay?</b>
"Cities" On
10" />
e "$500" />
"200" />
350" />
"$1200" />
sultsForm">
d "Info"/>
.UI.MobileCo
ource, ListC
ing to {0} f
alue);
una fuente d
rse slo con
de la lista de
dades DataT
e puede tam
campos de o
"true" Code
ace "System.
ML 1.0 Trans
1 transition
tml">
ver">
SqlDataSourc
ID "lista"
le:List>
ce1" runat "
onStrings:pu
e], [au id],
nItemCommand
ontrols.Mobi
CommandEvent
for {1}.",
e datos slo
dos columna
e elementos
TextField y D
mbin fijar el t
origen.
eFile "ListB
.Web.UI.Mobi
sitional//EN
nal.dtd">
ce1 %>" Data
"server"
ubsConnectio
, [au fname]
T
d "List Clic
ilePage
tArgs e)
mediante la
as de la fuen
y otra de pro
ataValueFiel
texto de una
Bd.aspx.cs"
ileControls"
N"
aTextField "
onString %>"
FROM
ema N
ck" >
a propiedad
te de datos
opiedad Valu
ld del contro
a lista de
au fname"
Noviliuau
ue.
ol List.
u
</bod
</htm
using
using
using
using
using
using
publi
{
p
{
}
p
{
"au f
}
}
El O
Es la
pued
orden
La pr
men
la que
hace
La vis
espec
cerra
AutoG
a dib
<%@ P
Inher
<%@ R
Assem
<html
<body
<
Style
<
Conne
FROM
</bod
</htm
dy>
ml>
g System;
g System.Col
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
if (!IsP
}
protected vo
{
// e.List
fname"), Dat
}
Objeto Obj
parte de mo
e tener dos v
nacin de m
opiedad Lab
rpido. Cad
e todos los c
que pueda p
sta de detalle
cificados me
da, cuyo tex
GenerateFie
ujar en realid
Page Languag
rits "Object
Register Tag
mbly "System
l xmlns "htt
y>
<mobile:Form
<mobile:
eReference "
Data
<Dev
</De
</mobile
</mobile:For
<asp:sql
ectionString
selectco
[Customers]
dy>
ml>
lections.Ge
b;
b.UI;
b.UI.WebCont
b.UI.MobileC
class ListBd
oid Page Loa
PostBack) Da
oid OnItemDa
tItem.Text
taBinder.Eva
jectList
ovilidad del c
vistas: la de
en hecha co
elField les pe
da elemento
campos de la
pulsarse est
e puede inclu
diante el uso
xto se fija con
ld dentro de
dad.
ge "C#" Auto
tListTest" %
gPrefix "mob
m.Web.Mobile
tp://www.w3.
m id "Form1"
ObjectList
subcommand"
aSource "<%#
viceSpecific
<Choice Fil
</Choice>
eviceSpecifi
e:ObjectList
rm>
datasource
gs:Connectio
ommand "SELE
"></asp:sql
neric;
rols;
ontrols;
: System.We
d(object sen
taBind();
taBind(Objec
String.Form
l(e.DataItem
ontrol DataG
lista y la de d
on los valore
ermite elegir
mostrado se
a fila de dato
determinad
uir una barra
o de la etiqu
n la propieda
e las etiqueta
EventWireup
>
ile" Namespa
" %>
org/1999/xht
runat "serv
ID "ObjectLi
SqlDataSour
>
ter "IsIE">
c>
>
id "SqlDataS
nString %>"
CT [Customer
datasource>
eb.UI.Mobile
nder, EventA
ct sender, L
mat("{0} $
m, "au id"))
Grid del serv
detalles. En l
es de un nic
r qu campo
e puede sele
os quedan mo
da por el disp
a de herrami
eta <comma
ad BackComm
as <fields> le
"true" Code
ace "System.
tml" >
ver">
ist1" Runat
rce1 %>" Lab
Source1" run
rID], [Compa
eControls.Mo
Args e)
ListDataBind
${1}", DataB
);
idor de ASP.
la vista de lis
co campo.
o lmite se pu
eccionar y ge
ostrados. La
positivo.
ientas con to
and> junto co
mandText. P
e permite dec
eFile "Objec
.Web.UI.Mobi
"server" Co
belStyle Sty
nat "server"
anyName], [C
T
obilePage
dEventArgs e
Binder.Eval(
NET. En conc
sta, el contro
uede usar pa
enera una vis
forma en qu
odos los com
on su corres
Por ltimo, la
cidir qu cam
ctListTest.a
ileControls"
ommandStyle
yleReference
" connection
ContactName]
ema N
e)
e.DataItem,
creto, Objec
ol muestra u
ra promocio
sta de detalle
ue el elemen
mandos
pondiente
a propiedad
mpos lmite s
aspx.cs"
e "title">
nstring "<%$
, [ContactT
Noviliuau
tList
na
onar el
e en
to se
se van
itle]
u
using
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
}
El C
Propo
lista d
selec
lado d
Web
Selec
El con
botn
mlti
sopo
tipos
selec
Con
La cla
naveg
pued
Los co
movi
Hype
repre
Con
Gene
introd
pued
Este c
ejecu
mism
g System;
g System.Col
g System.Com
g System.Dat
g System.Dra
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
if (!IsP
}
ontrol Sel
orciona una
de seleccin,
cionar uno o
del servidor
cuando la pr
ctedIndexCha
ntrol Selectio
n de selecci
iple. Puede e
rtan todos e
de lista de c
cin, cuadro
ntroles de
ase TextCont
gacin y de e
en utilizarse
ontroles Link
lidad Label e
erLink de ASP
esenta un bo
trol TextB
era un cuadro
duce el usua
e tener ms
control tamb
uta el gestor
ma pgina.
lections;
mponentModel
ta;
awing;
b;
b.Mobile;
b.SessionSta
b.UI;
b.UI.MobileC
b.UI.WebCont
b.UI.HtmlCon
class Object
oid Page Loa
PostBack) Da
lectionLis
seleccin UI
, muestra un
o ms eleme
se genera au
ropiedad Au
anged se gen
onList puede
n, botn de
elegir entre e
stos tipos de
comprobaci
o de lista y de
e Texto
trol es una cl
entrada. Tod
e mediante p
k, TextBox, y
es similar al d
P.NET. Otros
otn de coma
Box
o de texto de
ario. El contro
que una lne
bin tiene so
especificado
;
te;
ontrols;
rols;
trols;
ListTest : S
d(object sen
taBind();
st
para una lis
na lista de ele
ntos. Cuando
utomticame
toPostBack s
nera para el c
e dibujarse d
comprobaci
ellos median
e seleccin. T
n y de selec
e lista desple
lase abstract
dos los contr
rogramacin
y Label son ej
de ASP.NET y
controles de
ando y el con
e una sola ln
ol puede tra
ea o ser un a
oporte para e
o si el texto c
System.Web.U
nder, EventA
ta de eleme
ementos que
o un elemen
ente, como o
se fija con el
cambio de se
e cinto tipos
in, cuadro
te la propied
Tpicamente,
cin mltiple
egable se dib
ta a partir de
oles basados
n para dibuja
jemplos de e
y el control d
e texto son e
ntrol PhoneC
nea y guarda
bajar en mo
atributo de s
el evento del
cambia entre
UI.MobileCon
Args e)
ntos. AL igua
e pueden pe
nto queda se
ocurre en cie
valor true. E
eleccin.
s distintos: lis
de lista y cua
dad SelectTy
, un telfono
e, de forma q
bujan con un
e la cual here
s en texto tie
ar la salida de
este tipo de c
de movilidad
el control Co
Call.
a en la propie
do de contra
lo lectura.
l lado del clie
e dos envos
T
ntrols.Mobil
al que la lista
rmitir a los u
leccionado,
ertos control
El evento
sta desplega
adro de lista
ype. No todos
o mvil recon
que los tipos
a lista de ele
edan ciertos
enen la prop
e un control
controles. El
Link se pare
mmand, cuy
edad Text el
asea o num
ente OnTextC
de datos suc
ema N
ePage
a desplegable
usuarios
ningn even
les de listado
able (por def
a con opcin
s los disposit
nocer slo
s de cuadro d
eccin.
controles de
iedad Text, y
.
control de
ece mucho a
ya lgica
texto que
rico, pero n
Changed, qu
cesivos en la
Noviliuau
eo la
to del
o
ecto),
tivos
los
de
e
y
l
no
ue
u
<mobi
Con
Conti
Pued
perm
para
Cualq
servid
gesto
un ar
contr
<%@ P
Inher
<%@ R
Assem
<html
<body
<
<
<
<
</bod
</htm
using
using
using
using
using
using
using
using
using
using
using
using
publi
{
p
{
}
}
La pr
form
ile:TextBox
</mobile
trol Comm
iene la mayo
e ser dibujad
mite elegir en
mostrar com
quier pulsaci
dor de dos fo
or del evento
rgumento. Cu
rol tiene que
Page Languag
rits "TextBo
Register Tag
mbly "System
l xmlns "htt
y>
<mobile:Form
Search f
<mobile:
<mobile:
</mobile:For
<mobile:Form
<mobile:
</mobile:For
dy>
ml>
g System;
g System.Col
g System.Com
g System.Dat
g System.Dra
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
g System.Web
ic partial c
protected vo
{
string m
msg St
theResul
ActiveFo
}
opiedad Act
ulario activo
ID "TextBox
e:TextBox>
mand
ora de las ca
do como un
tre Button o
mo elemento
n en este c
ormas distint
o ItemComm
uando se pu
e realizar una
ge "C#" Auto
ox" %>
gPrefix "mob
m.Web.Mobile
tp://www.w3.
m ID "Form1"
for:
TextBox run
Command ID
rm>
m runat "serv
Label runat
rm>
lections;
mponentModel
ta;
awing;
b;
b.Mobile;
b.SessionSta
b.UI;
b.UI.MobileC
b.UI.WebCont
b.UI.HtmlCon
class TextBo
oid OnSearch
msg "Resul
tring.Format
ts.Text m
orm Result
iveForm del
o actualment
1" Runat "se
ractersticas
botn de en
o Link. Si el fo
o seleccionab
ontrol provo
tas: con el ge
and, puede t
lsa el contro
a validacin s
EventWireup
ile" Namespa
" %>
org/1999/xht
runat "serv
at "server"
"Command1" r
ver" id "Res
"server" id
;
te;
ontrols;
rols;
trols;
x : System.W
(object send
ts for '{0}
(msg, theSub
sg;
sForm;
objeto Form
te.
erver" OnTex
s del control
nvo o como u
ormato elegi
ble. La image
oca un envo
estor del eve
tambin dar
l, la propied
sobre el rest
"true" Code
ace "System.
tml" >
ver">
id "theSubj
runat "serve
sultsForm">
d "theResult
Web.UI.Mobil
der, EventAr
'";
bject.Text);
m modifica u
xtChanged "A
Button de A
un hipervnc
do es Link, p
en se fija med
de datos. Pu
ento ItemCo
r al control u
ad lgica Cau
o de control
eFile "TextB
.Web.UI.Mobi
ject" />
er" Text "GO
ts" />
leControls.M
rgs e)
;
obtiene med
T
Alert">
SP.NET y de
ulo. La prop
podemos ele
diante la pro
uede configu
mmand o co
n nombre y
usesValidatio
es del formu
Box.aspx.cs"
ileControls"
O" OnClick "
MobilePage
diante progr
ema N
LinkButton.
iedad Forma
gir una imag
opiedad Imag
urar el cdigo
on OnClick. C
opcionalmen
on calcula si
ulario.
OnSearch" /
amacin el
Noviliuau
at
gen
geUrl.
o del
Con el
nte
el
>
u
Pho
Este c
Para
intera
La pr
en di
valor
texto
contr
hiper
telfo
<%@ P
%>
<%@ R
Assem
<html
<body
<
<
</bod
</htm
Dib
Las a
espec
cono
dibuj
dispo
se rep
contr
Ente
El ent
aprop
neces
un co
gene
<Dev
El ele
elecc
otoCall
control es s
dispositivos
activo que h
opiedad Alte
spositivos si
de Text y el
o plano a me
rol genera un
rvnculo que
ono se dibuja
Page Languag
Register Tag
mbly "System
l xmlns "htt
y>
<mobile:Form
Phone nu
<mobile:
Alte
Alte
Phon
Text
<mobile:
Alte
Phon
Text
</mobile:For
dy>
ml>
ujo Adap
plicaciones d
cficos o a ca
cidas de los
ado del cont
ositivo. El dib
presenta con
roles.
endiendo
torno de eje
piado para e
sita un cdig
onjunto de fi
rarlo para ca
viceSpecific>
emento <Dev
ciones repres
lo de salida
que permite
ace una llam
ernateForma
n capacidade
otro que ten
nos que se h
n hipervncu
apunta a dic
a.
ge "C#" Auto
gPrefix "mob
m.Web.Mobile
tp://www.w3.
m id "Form1"
umbers found
PhoneCall I
ernateFormat
ernateURL "h
neNumber "11
t "ACME Corp
PhoneCall I
ernateFormat
neNumber "11
t "Home" />
rm>
ptativo
de movilidad
ategoras de
dispositivos,
trol sea ms
bujado adapt
n una etique
los filtro
cucin de AS
l dibujado en
go diferente
ltros de disp
ada filtro. Exp
y <Choice>.
viceSpecific>
sentan pares
y se usa par
en hacer llam
mada cuando
at puede ser
es telefnica
nga el valor d
haya especifi
lo que apunt
cha URL. Si la
EventWireup
ile" Namespa
" %>
org/1999/xht
runat "serv
for Joe:<br
D "PhoneCall
"{0} at {1
ttp://www.ac
1 222 0000"
" />
D "PhoneCall
"{0} at {1
1 333 0000"
d pueden ada
dispositivos.
, puede varia
o menos vis
tativo se real
ta <DeviceSp
s de dispo
SP.NET abstr
n una gran v
para el mism
positivo para
prese un filtr
> es un conte
s hechos a pa
a representa
madas, el con
se le selecc
cualquier ca
as. Puede ace
de PhoneNu
cado la prop
ta a dicha UR
a propiedad
"true" Code
ace "System.
tml" >
ver">
r />
l1" runat "s
}"
cme.com"
l2" runat "s
}"
aptar la apar
. Debido a qu
ar el estilo de
toso para as
liza usando f
pecific> dent
ositivos
rae el cdigo
ariedad de d
mo control ba
la aplicacin
ro de dispos
enedor que g
artir de carac
ar un nmero
ntrol se comp
iona.
adena y se us
eptar dos pa
mber. El tex
piedad Altern
RL. En este ca
Text no est
eFile "Phone
.Web.UI.Mobi
server"
server"
riencia de los
ue estn bas
e los controle
s acomodarlo
filtros de disp
tro del posic
o .aspx y gene
dispositivos.
asado en var
n y especifica
itivo usando
guarda un n
ctersticas de
T
o de telfono
porta como u
sa para repre
rmetros, un
to alternativ
nateURL. En
aso, el contr
definida, el
e.aspx.cs" I
ileControls"
s controles a
ados en capa
es al igual qu
o a las carac
positivos. Un
ionamiento
era el lengua
Sin embargo
rios dispositi
ar entonces e
los element
mero de ele
e dispositivo
ema N
o al que llam
un elemento
esentar el co
no que tenga
vo se dibuja c
este caso, el
rol genera un
nmero de
nherits "Ph
dispositivos
acidades
ue hacer que
tersticas de
no de estos f
relativo de lo
aje de marca
o, cuando
vos, debe de
el cdigo pa
tos
ecciones. Las
s y valores
Noviliuau
mar.
o
ontrol
a el
como
n
one"
s
e el
l
filtros
os
ado
efinir
ra
u
corre
opci
siguie
<devi
</dev
El ele
atribu
argum
dibuj
<%@ P
Inher
<%@ R
Assem
<html
<body
<mobi
<
<
</mob
</bod
</htm
Sesi
Much
por la

<se
Pag
Para
contr
pgin
espondientes
n si el filtro
ente listado
iceFilters>
<filter n
<filter n
<filter n
viceFilters>
ement <filter
uto compare
ment es el va
ar encursiva
Page Languag
rits "LabelT
Register Tag
mbly "System
l xmlns "htt
y>
ile:Form ID
<mobile:Labe
<DeviceS
<Cho
<Cho
</Device
</mobile:Lab
bile:Form>
dy>
ml>
iones
hos dispositiv
a tanto sera
essionState c
ginacin
paginar se p
roles como L
na en la prop
s. Los filtros d
est verifica
muestra var
name "IsIE"
name "IsMobi
name "isHTML
>
r> tiene un n
e define la ca
alor que tien
en dispositiv
ge "C#" Auto
Test" %>
gPrefix "mob
m.Web.Mobile
tp://www.w3.
"Form1" Run
el ID "Label
pecific>
oice Filter
oice Filter
eSpecific>
bel>
vos mviles
una buena p
ookieless="tr
pone a true la
List, ObjectLIs
piedad Items
de dispositiv
do, esto es,
ios filtros qu
compare "Br
ile" compare
L32" compare
ombre que s
apacidad del
ne que coinci
vos WML 1.1
EventWireup
ile" Namespa
" %>
org/1999/xht
at "server">
1" Runat "se
"IsMobile" F
"IsIE" Font
tienen probl
prctica:
rue" />
a propiedad
st, TextView
PerPage
vos se define
si el atributo
e estn defi
rowser" argum
"IsMobileD
"PreferredR
se usa para v
dispositivo q
dir. Por ejem
1 y como text
"true" Code
ace "System.
tml">
>
erver">
Font Italic
Name "Arial
lemas con la
del formular
, permiten e
en en el archi
o del disposit
nidos en el a
ment "IE" />
evice" argum
RenderingTyp
vincularlo co
que quiere p
mplo, si tene
to normal en
eFile "Label
.Web.UI.Mobi
"True" />
l Black" Fon
s cookies, o
rio Paginate.
especificar el
T
ivo web.conf
tivo y el valo
archivo web.
>
ment "true"
pe" argument
n el element
probar. La pr
mos una etiq
n el resto de
lTest.aspx.c
ileControls"
nt Size "Lar
simplement
A continuac
nmero de
ema N
fig. Se elije u
or coinciden.
config.
/>
t "html32" /
t <choice>. E
opiedad
queta para
sitios:
cs"
rge" />
e no las adm
cin, diferen
Items por ca
Noviliuau
una
El
/>
El
miten
tes
ada
u
AApliicaccio
Te
Ca
Ins

M
ne
con
ema
ach
stala
MC
s
n .N
acio
CTS:
Web
NET
3
on
:
b
T
5
Te
Cac
El cac
respu
salida
cache
Para
o vali
nivel
salida
petic
cache
o POS
La ca
est e
pagin
a los
ejecu
polti
Dire
El sig
direct
respu
se ge
lo qu
<%@ P
<%@ O
<html
<scri
v
{
}
</s
<body
<
<
</bod
</htm
La sigu
ema
cheado de
cheado de sa
uestas metie
a est habilit
ea a menos q
hacer que se
idacin y visi
OutputCach
a, se crea un
iones GET o
eada caduca
ST cacheado
ch de salida
en el cach d
na caduca a l
60 minutos.
uta y la pgin
ca de caduci
ectiva de c
uiente ejem
tiva @Outpu
uesta. Para v
ner la resp
e indica que
Page Languag
OutputCache
l>
ipt runat "s
void Page Lo
{
TimeMsg.
}
script>
y>
<h3>
<font fa
<p>
<i>Last
<asp:Lab
dy>
ml>
uiente directiva
Cac
e la pgi
alida es una p
ndo en la ca
tado por defe
que se espec
ea posible ca
ibilidad pbl
he o la direct
a entrada de
HEAD poste
. La cach de
os.
a respeta las
de salida y ha
os 60 minuto
Si se recibe
na puede ser
idad una p
cach de
plo demuest
utCache. Est
ver el cachea
uesta. Enton
se est sirvi
ge "C#" %>
Duration "6
erver">
oad(Object s
Text Date
ace "Verdana
generated o
bel ID "TimeM
a activa el cach
ch
na de sa
potente tcn
ch el conte
ecto, pero e
cifique esa re
achear una re
ica de su cac
tiva de alto n
e cach de sa
eriores se sirv
e salida tamb
s polticas de
a sido marca
os de haber
otra peticin
cacheada de
gina es vlid
salida
tra una form
e ejemplo si
do de salida
nces refresca
endo la segu
0" VaryByPar
ender, Event
Time.Now.ToS
">Using the
n:</i>
Msg" runat "
de salida en la
alida
nica que incr
enido genera
l resultado d
espuesta com
espuesta, de
ch. Podemo
nivel @Outpu
alida en la pr
ven desde la
bin permite
e caducidad y
ado con una
sido cachead
n despus de
e nuevo. Se
da durante c
a simple de
mplemente
en accin, c
ad la pgina y
unda respues
ram "none" %
tArgs e)
String("G");
Output Cach
"server" />
a respuesta:
T
rementa la re
do por pgin
de una respu
mo cacheable
ebe tener un
os hacer esto
utCache. Cua
rimera petici
cach de sa
e variaciones
y validacin d
poltica de c
da, se quita a
e ese interva
llama caduci
cierto tiempo
cachear resp
muestra la h
cargad la pg
y observad q
sta desde el
%>
;
he</font></h
Tema
espuesta de
nas dinmica
esta determ
e.
a poltica vl
o o bien usan
ando se habi
in GET a la
lida hasta qu
s de pares no
de las pgina
aducidad qu
a la pgina d
alo, el cdigo
idad absolut
o.
puestas de sa
hora a la que
gina y observ
que la hora n
cach de sal
h3>
Cach In
las peticione
as. El cachead
inada no se
lida de caduc
ndo la API de
ilita el cach
pgina. Toda
ue la peticin
ombre/valor
as. Si una pg
ue indica que
del cach de
o de la pgina
a a este tipo
alida median
e se gener la
va la hora a la
no ha cambia
lida.
nstalacion
es y
do de
cidad
e bajo
de
as las
n
GET
gina
e la
salida
a se
o de
nte la
a
a que
ado,
n
<%@
Esta d
ningn
desde
explci
Por su
ejemp
mostra
<%@ P
<%@ O
<scri
v
{
}
</scr
<html
<body
<
Conne
[city
<
</bod
</htm
Cam
En es
forma
camb
la dir
<%@
Por c
parte
base
Obse
gene
que s
etiqu
<%@ Pa
OutputCache D
irectiva indica s
n parmetro GE
la cach. Desp
ita y se vuelve a
puesto, en el e
plo demuestra la
ando los resulta
Page Languag
OutputCache
ipt runat "s
void Page Lo
{
TimeMsg.
}
ript>
l>
y>
<form id "Fo
<h3>
<fon
<asp:Sql
ectionString
Sele
y], [state],
<asp:Gri
<p>
<i>L
<asp
</form>
dy>
ml>
mbiar med
ste ejemplo m
a selectiva a
bien los pare
ectiva Outpu
OutputCach
ada estado e
e de la caden
de datos y m
rva que la pr
ra una nueva
se vuelva a in
eta muestra
age Language=
Duration="60" V
sencillamente q
ET o POST. Las
us de 60 segu
a cachear la pg
ejemplo anterio
a misma tcnic
ados en una tab
ge "c#" %>
Duration "6
erver">
oad(Object S
Text Date
orm1" runat
nt face "Ver
DataSource
gs:Pubs %>"
ectCommand "
[zip], [co
dView ID "G
Last generat
p:Label ID "
diante par
modificamos
utores en va
s nombre/va
utCache.
he Duration=
en el conjunt
na de consult
muestra slo
rimera vez q
a etiqueta de
ntroducir una
a la fecha y h
"C#" %>
VaryByParam="
que la pgina de
peticiones que
ndos, se quita a
gina.
or se ahorra mu
a de cacheado
bla.
0" VaryByPar
rc, EventArg
Time.Now.ToS
"server">
dana">Using
ID "SqlDataS
SELECT [au i
ntract] FROM
ridView1" ru
ed on:</i>
TimeMsg" run
rmetros
s ligeramente
arios estados
alor de la cad
="60" VaryBy
to de datos,
ta. Entonces
aquellos aut
ue hacemos
e fecha en la
a bsqueda
ora a la que
"none"%>
ebe cachearse
se reciban mie
a la pgina de l
y poco trabajo
de salida, pero
ram "none" %
gs E)
String("G");
the Output
Source1" run
id], [au lna
M [authors]"
unat "server
nat "server"
e la aplicaci
s. El ejemplo
dena de cons
yParam="sta
hay un vncu
la aplicacin
tores que pe
clic en el vn
a parte inferi
por ese esta
se cache la
T
durante 60 seg
entras la pgina
a cach; se ma
mediante el ca
o realizando una
%>
;
Cache</font
nat "server"
ame], [au fn
" />
r" DataSourc
" /></p>
n para perm
muestra el c
sulta usando
te" %>
ulo que pasa
n construye l
ertenezcan a
nculo de un e
or de la pgi
do en el esp
a peticin ori
Tema
gundos y que la
est en la cach
neja la siguient
acheado de salid
a llamada a una
t></h3>
" Connection
name], [phon
ceID "sqldat
mitir al usuar
cacheado de
o el atributo
el estado de
la consulta a
l estado sele
estado deter
ina. A partir
acio de un m
iginal.
Cach In
pgina no vari
h sern respon
te peticin de fo
da. El siguiente
a base de datos
nString "<%$
ne], [addres
tasource1" /
io que busqu
e peticiones q
VaryByParam
eseado como
propiada a l
eccionado.
rminado se
de ah, cada
minuto, la
nstalacion
ar por
ndidas
orma
e
s y
s],
>
ue de
que
m de
o
a
vez
n
<%@ Ou
<scrip
vo
{
}
</scri
<html>
<body>
<f
Connec
[state
</
</body
</html
Noti
En el
haba
cach
solam
Sust
En AS
pequ
frecu
cache
cache
conte
En el
mto
utputCache Du
pt runat="serv
oid Page Load
TimeMsg.Tex
ipt>
>
>
form id="Form
<h3>
<font
<b>Authors
<table cel
border
<tr>
<td
<td
<td
<td
<td
<td
<td
<td
</tr>
</table>
<p>
</p>
<asp:SqlDat
ctionStrings:
SelectC
e], [zip], [co
<Select
<a
</Sele
</asp:SqlDa
<asp:GridV
<p>
<i>Last
<asp:La
</p>
/form>
y>
l>
ificacin d
ejemplo ant
an cambiado
de entrada
mente se lim
titucin P
SP.NET 1.0, la
ea regin d
encia a no u
eados con ca
eado de salid
enido dinm
siguiente eje
odo esttico
ration="60" V
ver">
(Object Src,
xt = DateTime
1" runat="ser
face="Verdana
by State:</b
lspacing="0"
color: black
d>
<a href="ou
d>
<a href="ou
d>
<a href="ou
d>
<a href="ou
d>
<a href="ou
d>
<a href="ou
d>
<a href="ou
d>
<a href="ou
taSource ID="
Pubs %>"
Command="SELE
ontract] FROM
tParameters>
sp:QueryStrin
ctParameters>
ataSource>
iew ID="GridV
t generated o
abel ID="Time
de Cache
terior los dat
o en la base d
a dependa de
piar cuando
PostCach
as pginas q
dinmica, co
sar cachead
ach de fragm
da, permitien
ico en cada s
emplo, la p
que devuelv
VaryByParam="s
EventArgs E)
.Now.ToString
ver">
">Using the O
>
cellpadding="
k; border colo
tputcache3 cs
tputcache3 cs
tputcache3 cs
tputcache3 cs
tputcache3 cs
tputcache3 cs
tputcache3 cs
tputcache3 cs
SqlDataSource
CT [au id], [
M [authors] wh
gParameter Na
View1" runat="
n:</i>
Msg" runat="s
Sql
tos se cachea
de datos. La i
e la base de d
o los datos e
ue eran est
mo el nombr
o o a dividir
mentos. ASP
ndo que las p
solicitud.
gina con sali
ve la fecha ac
state" %>
g("G");
Output Cache</
"3" rules="all
or: black; wid
s.aspx?state=C
s.aspx?state=I
s.aspx?state=K
s.aspx?state=M
s.aspx?state=M
s.aspx?state=O
s.aspx?state=T
s.aspx?state=U
e1" runat="ser
[au lname], [a
here state=@st
ame="state" Qu
"server" DataS
server" />
aban durant
invalidacin
datos, de tal
en la base de
ticas en su m
re de usuario
la pgina en
.NET 2.0 per
pginas de sa
ida cacheada
ctual median
T
/font></h3>
l" style="back
dth: 700px; bo
CA">CA</a></td
IN">IN</a></td
KS">KS</a></td
MD">MD</a></td
MI">MI</a></td
OR">OR</a></td
TN">TN</a></td
UT">UT</a></td
rver" Connecti
au fname], [ph
tate">
ueryStringFiel
SourceID="sqld
e 60 segund
de cach SQ
manera que
datos hayan
mayor parte
o o la hora a
mltiples co
rmite que est
alida cachea
a inserta una
nte la API Res
Tema
kground color
order collapse
d>
d>
d>
d>
d>
d>
d>
d>
ionString="<%
hone], [addre
ld="state" De
datasource1"
os, sin impor
QL te permite
e el cach de
n cambiado.
pero que co
ctual, eran fo
ontroles de u
tas pginas s
das puedan
a llamada din
sponse.Write
Cach In
: #AAAADD;
e: collapse;"
$
ss], [city],
faultValue="C
/>
rtar si los da
e hacer que l
e entrada
ntenan una
orzadas con
usuario
se aproveche
insertar nue
nmica a un
eSubstitution
nstalacion
>
A" />
tos
a
en del
evo
n.
n
Esta l
cach
<%@ P
<%@ O
<scri
stati
{
r
}
</scr
<html
<head
<
</hea
<body
<
<
<
page.
<
T
<
<
R
HttpR
<
<
<
<
</bod
</htm
El sig
asp:S
<%@ P
<%@ O
<scri
s
{
}
</scr
<html
<head
<
</hea
<body
<
cache
Metho
<
</bod
</htm
llamada din
de respues
Page Languag
OutputCache
ipt runat "s
ic string Ge
return DateT
ript>
l>
d id "Head1"
<title>Post
ad>
y>
<form id "fo
<div>
<b>This page
</b>
<br /><br />
Time: <% Da
<br /><br />
<b>
Real Time: <
ResponseSubs
</b>
</div>
</div>
</form>
dy>
ml>
uiente ejem
Substitution p
Page Languag
OutputCache
ipt runat "s
static strin
{
return D
}
ript>
l>
d id "Head1"
<title>Post
ad>
y>
<form id "fo
<h4>
This
ed page.</h4
<p>
Time
<%
</p>
<p>
<b>R
odName "GetC
</b>
</p>
</form>
dy>
ml>
mica se ejec
sta que se sir
ge "C#" %>
Duration "6
erver">
etCurrentDat
Time.Now.ToS
runat "serv
Cache Subst
orm1" runat
e uses post
>
ateTime.Now.
>
<% Response.W
titutionCal
plo realiza la
para insertar
ge "C#" %>
Duration "6
erver">
ng GetCurren
DateTime.Now
runat "serv
Cache Subst
orm1" runat
page uses p
>
e:
DateTime.Now
Real Time:
<asp:Substi
CurrentDate"
>
cuta en cada
rve desde el
0" VaryByPar
e(HttpContex
tring();
ver">
itution</tit
"server">
cache substi
ToString() %
WriteSubstit
lback(GetCur
a misma acci
r el contenid
0" VaryByPar
tDate(HttpCo
.ToString();
ver">
itution</tit
"server">
post cache s
w.ToString()
tution ID "S
/>
a solicitud, y
cach de sal
ram "none"
xt context)
tle>
itution to i
%>
tution(new
rrentDate));
n que el an
do dinmico.
ram "none" %
ontext conte
;
tle>
substitution
) %>
Substitution
T
el resultado
ida.
" %>
insert a dyn
; %>
nterior, pero
%>
ext)
n to insert
n1" runat "s
Tema
se inserta en
namic value
usa un cont
a dynamic v
server"
Cach In
n la cadena d
into a cach
rol
value into a
nstalacion
de
ed
n
Usan
Aque
el cac
Syste
direct
Respo
Respo
Pode
caduc
la pro
Respo
Respo
Respo
Cac
Adem
simpl
nomb
contr
de la
segun
usuar
la sig
duran
"Sele
<%@
El atr
de us
de ca
instan
http:/
http:/
ndo el AP
ellas aplicacio
ch pueden u
em.Web.Http
tivas de pgi
onse.Cache.S
onse.Cache.S
mos convert
cidad se vue
opiedad Slidi
onse.Cache.S
onse.Cache.S
onse.Cache.S
heado po
ms de poder
le de cachea
bre de cache
rol de usuari
que hemos
ndos) que de
rio, as como
uiente direct
nte 120 segu
ctedID" o los
@ OutputCac
ributo VaryB
suario orden
ach de salid
ncias de con
//localhost/m
//localhost/m
PI de cach
ones que nec
usar la funcio
pCachePolic
ina de ejemp
SetExpires(D
SetCacheab
tirla en una p
lva a estable
ingExpiratio
SetExpires(D
SetCacheab
SetSlidingEx
or fragme
r cachear la s
r la salida de
eado por frag
o, y marcarla
hablado en l
ebe estar cac
o cualquier o
tiva le dice a
undos, y que
s parmetro
che Duration
yParam es e
ar a ASP.NET
a en el servid
tenido del co
mypage.aspx
mypage.aspx
cesiten ms
onalidad pro
y. El siguient
plos anterior
DateTime.No
lity(HttpCac
poltica de ca
ecer cada vez
n como en e
DateTime.No
lity(HttpCac
piration(true
entos de
salida de una
e regiones de
gmentos. Pod
as para que s
la seccin an
cheado en el
otra condici
a ASP.NET qu
cambie el ca
s de envo d
n="120" Vary
extremadame
T para que a
dor. Por ejem
ontrol de usu
x?categoryid
x?categoryid
control sobr
oporcionada
te ejemplo m
res:
w.AddSecon
heability.Pub
aducidad des
z que se hac
el siguiente e
w.AddSecon
heability.Pub
e);
pgina
a pgina ent
e contenido
demos delim
sean cachea
nterior. Esta
l servidor el c
n opcional p
ue meta en la
ach usando
el formulario
yByParam="C
ente potente
lmacene en
mplo, las sigu
uario del eje
d=foo&select
d=foo&select
T
re los encabe
por la clase
muestra el c
nds(60));
blic);
slizante, hac
e una petici
ejemplo.
nds(60));
blic);
era, ASP.NET
de pgina, a
mitar reas d
das usando l
directiva esp
contenido de
or la cual de
a cach de sa
o las cadenas
o.
CategoryID;S
e y permite a
cach mltip
uientes URLs
emplo anterio
tedid=0
tedid=1
Tema
ezados HTTP
digo equiva
iendo que la
n a la pgin
T te proporc
la que se le
e nuestra p
la directiva @
pecifica la du
e salida del c
ebiera cambi
alida al contr
s de bsqued
SelectedID"%
a los creador
ples instancia
s distinguen
or.
Cach In
relacionado
lente a las
a hora de
a, establecie
iona una for
ha dado el
gina median
@OutputCac
uracin (en
control de
ar. Por ejem
rol de usuari
da "Category
%>
res de contro
as de una re
entre distint
nstalacion
os con
endo
ma
nte un
che
plo,
io
yID" y
oles
gin
tas
n
Por lo
conte
Adem
atribu
cache
VaryB
usuar
<%@
Tene
tanto
contr
los re
despl
men
<%@
<%@
<htm
<bo
<ta
<t
<
<
<
<
<
<
<t
</t
</bo
</htm
El sig
sopo
<%@
<%@
o tanto, la l
enido diferen
ms de perm
uto VaryByC
eados basn
ByControl ca
rio. Por ejem
OutputCach
d en cuenta
o de VaryByP
rol de usuari
esultados de
legable. El si
de una pg
Page Langu
Register Tag
ml>
dy>
able>
tr>
<td>
<Acme:Men
</td>
<td>
<h1>Hola, la
</td>
<td>
<Acme:Men
</td>
tr>
table>
ody>
ml>
uiente ejem
rte para cach
Control Lan
OutputCach
gica dentro
nte (que se c
itir el atribut
Control. Mien
dose en pare
ambia el frag
mplo:
he Duration=
que, como c
Param como
o contiene u
l control de u
guiente cdi
gina mediant
age="C#" %>
gPrefix="Acm
nu Category=
a hora actua
nu Category=
plo demuest
h.
nguage="C#"
he Duration=
de un contro
cachea por se
to VaryByPa
ntras que el
es nombrev
gmento cach
="120" VaryB
con las pgin
de VaryByC
un control de
usuario depe
igo de ejemp
te un control
>
me" TagNam
="MenuIzqui
al es: <%=Dat
="MenuDere
tra la implem
ClassName=
="120" VaryB
ol de usuario
eparado) de
ram, el cach
atributo Var
valor enviado
eado en bas
ByParam="Ca
nas con cach
Control inclus
e lista desple
endiendo de
plo muestra
l de usuario
me="Menu" S
ierdo" runat
teTime.Now%
echo" runat=
mentacin de
="AcmeMen
ByParam="no
T
o puede gene
pendiendo d
heado por fra
ryByParam c
os mediante
se a controle
ategoryID;Se
de salida, s
so si no se us
egable llamad
l valor selecc
cmo meter
declarativo.
Src="Menu.a
=server/>
%> </h1>
=server/>
el control de
u" %>
one" %>
Tema
erar dinmic
de los argum
agmentos tam
ambia los re
POST o GET,
s dentro del
electedID"%>
se requiere e
sa ninguno d
do Categora
cionado den
r en cach do
scx" %>
usuario "Ac
Cach In
amente
entos que re
mbin perm
esultados
, el atributo
control de
>
el uso explcit
de los dos. Si
a podramos
tro de la lista
os seccin de
me:Menu" c
nstalacion
eciba.
ite un
to
el
variar
a
e
con
n
<scrip
pub
voi
A
M
M
}
</scr
<asp:
Tene
usuar
contr
pasad
encap
El sig
de un
las pr
la ho
60 se
<%@ P
<%@ R
<html
<scri
v
{
}
</s
<body
<form
<
<
<
<
<
<
</bod
</htm
Data
<%@ C
<%@ O
pt runat=ser
blic String Ca
id Page_Load
AdoConnecti
MyMenu.Dat
MyMenu.Dat
ipt>
:datagrid id=
d en cuenta
rio durante u
rol de usuari
do los 120 se
psulado limp
uiente ejem
n control que
ropiedades d
ra se actualiz
egundos.
Page Languag
Register Tag
l>
ipt runat "s
void Page Lo
{
TimeMsg.
}
script>
y>
m id "Form1"
<h3>
<font fa
<Acme:DataCo
<br>
<i>Page last
<asp:Label I
</form>
dy>
ml>
actrl cs.ascx
Control Lang
OutputCache
ver>
ategory;
d(Object sen
ion conn = n
taSource = c
taBind();
="MyMenu"
que este eje
un periodo d
o de tipo me
egundos o po
piamente de
plo demuest
e recupera d
dinmicas de
za con cada
ge "C#" %>
gPrefix "Acm
erver">
oad(Object S
Text Date
runat serv
ace "Verdana
ontrol ID "D
t generated
D "TimeMsg"
x
guage "C#" %
Duration "6
nder, EventAr
ew AdoConn
onn.Execute
runat=serve
emplo mete e
de 120 segun
en en caso d
orque la mem
ntro del cont
tra un cache
atos desde u
e la pgina pa
refresco, mie
e" TagName "
rc, EventArg
Time.Now.ToS
er>
">Fragment C
ataControl1"
on:</i>
runat "serv
>
0" VaryByPar
rgs e) {
nection("My
e("select * fr
r/>
en la cach d
ndos. Toda la
de producirs
moria en el s
trol de usua
ado de fragm
una base de
adre. Se pue
entras que e
"DataControl
gs E)
String("G");
Caching</fon
" runat "ser
ver" />
ram "none" %
T
DSN");
om menu wh
de salida la r
a lgica nece
se un fallo en
servidor se h
rio.
mentos simp
datos SQL Se
de ver que la
el control de
l" Src "data
;
nt></h3>
rver" />
%>
Tema
here categor
espuesta de
saria para re
n la cach (se
a quedado c
le. El ejempl
erver, mient
a pgina es d
usuario slo
actrl cs.asc
Cach In
ry=" + Catego
cada contro
ecrear cada
ea porque ha
corta) se ha
lo cachea la s
ras que man
dinmica por
o se actualiza
cx" %>
nstalacion
ory );
ol de
an
salida
ntiene
rque
a cada
n
<scri
v
{
}
</s
<asp:
Conne
S
[stat
<asp:
<p>
<
<
Cac
ASP.N
almac
ASP.N
cache
reinic
La ca
progr
volca
Cach
La rec
comp
ejem
myVa
if(my
Dis
}
Usan
El sig
datos
Cuan
prime
refre
<%@ P
<%@ I
ipt runat "s
void Page Lo
{
TimeMsg.
}
script>
SqlDataSour
ectionString
SelectComman
te], [zip],
GridView ID
<i>Control l
<asp:Label I
heando l
NET dispone
cenar y recu
NET es privad
e es equivale
cia, la cache
ch proporc
ramadores f
ar un elemen
he["myKey"]
cuperacin d
probarse la e
plo siguiente
alue = Cache
yValue != nul
splayData(my
ndo los da
uiente ejem
s y guarda en
do ejecutis
era peticin,
scar la pgin
Page Languag
Import Names
erver">
oad(Object S
Text Date
rce ID "SqlD
gs:Pubs %>"
nd "SELECT [
[contract]
D "GridView1
ast generat
D "TimeMsg"
los datos
de un moto
perar cualqu
da para cada
ente a la dura
se vuelve a c
iona una inte
cilmente po
nto en la cach
= myValue;
de datos del
existencia de
e:
["mykey"];
l ) {
yValue);
atos de la
plo muestra
n cach el re
s el ejemplo,
, indica que l
na, se apunta
ge "C#" %>
pace "System
rc, EventArg
Time.Now.ToS
ataSource1"
au id], [au
FROM [author
" runat "ser
ed on:</i>
runat "serv
de la pg
r de cach co
uier tipo de o
a aplicacin y
acin de la a
crear.
erface con u
oner objetos
he es como a
cache es mu
l objeto en c
a cach
otro uso sen
sultado, qu
observad el
os datos han
a que se ha u
m.Data" %>
gs E)
String("G");
runat "serv
lname], [au
rs]" />
rver" DataSo
ver" /></p>
gina
ompleto que
objeto a trav
y almacena l
aplicacin; es
n Diccionari
en la cach
aadir un ele
uy simple. Ha
cache antes d
ncillo de la ca
se seguir u
mensaje en
n sido recupe
usado la copi
T
;
ver" Connect
u fname], [p
ourceID "sql
e puede ser u
vs de las pet
os objetos e
sto significa q
o simple que
y recuperarl
emento a un
ay que tener
de recuperar
ach. Ejecut
usando dura
la parte infe
erados de la
a de la cach
Tema
tionString "
phone], [add
ldatasource1
usado por la
ticiones HTT
n memoria.
que cuando
e permite a l
los. En el cas
diccionario:
r en cuenta q
rlo, como se
a una consu
nte la vida d
erior de la p
base de dat
.
Cach In
<%$
dress], [cit
" />
s pginas pa
TP. La cach d
La duracin
una aplicaci
os
so ms simpl
que debe de
muestra en
lta a la base
e la aplicaci
gina. Con la
os. Despus
nstalacion
y],
ra
de
de la
n se
e,
el
de
n.
de
n
<%@ I
<html
<scri
v
{
SqlCo
myCon
}
</s
<body
<
<
</bod
</htm
Inva
Inva
Este m
2005
1
Import Names
l>
ipt runat "s
void Page Lo
{
DataView
// try t
// if it
Source
if (Sour
{
SqlC
onnection(Co
SqlD
nnection);
Data
myCo
Sour
Cach
Cach
}
else
{
Cach
}
MyGrid.D
MyGrid.D
}
script>
y>
<form id "Fo
<h3>
<fon
<asp:Gri
</asp:Gr
<p>
<i>
</p>
</form>
dy>
ml>
alidacin
alidacin
mecanismo u
para detect
1. Se config
OutputCa
ASP.NET
un contro
Para la p
pace "System
erver">
oad(Object S
w Source;
to retrieve
t's not ther
(DataView)
rce null)
Connection m
onfigurationM
DataAdapter m
aSet ds new
ommand.Fill(
rce new Da
he["MyDataSe
heMsg.Text
heMsg.Text
DataSource
DataBind();
orm1" method
nt face "Ver
dView ID "M
ridView>
<asp:Label
n de la Ca
Cach ba
usa el mecan
ar cambios e
ura una noti
ache, utilizan
que se va a u
ol DataSourc
gina:
m.Data.SqlCl
rc, EventArg
item from ca
e, add it
Cache["MyDat
yConnection
Manager.Conn
myCommand
w DataSet();
ds, "Authors
taView(ds.Ta
t"] Source
"Dataset cr
"Dataset re
Source;
"GET" runat
dana">Cachin
yGrid" runat
ID "CacheMsg
ach
sada en N
nismo de not
en el resultad
ificacin basa
ndo la caden
utilizar una d
ce
lient" %>
gs E)
ache
taSet"];
new
nectionStrin
new SqlData
;
s");
ables["Autho
e;
reated expli
etrieved fro
t "server">
ng Data</fon
t "server">
g" runat "se
Notificacio
tificacin de
do de las con
ada en depe
a Command
dependencia
T
ngs["Pubs"].
aAdapter("se
ors"]);
icitly";
om cache";
nt></h3>
erver" /></i
ones de SQ
cambios en
nsultas.
endencia de s
dNotification
a basada en n
Tema
ConnectionS
elect * from
i>
QL Server
las consulta
sql en la dire
n. Este valor
notificacione
Cach In
tring);
m Authors",
r 2005
s de SQL Ser
ectiva
le indica a
es para la pg
nstalacion
rver
gina o
n
2
3
Siem
autom
camb
provo
solici
sern
Algun
1
2
3
4
Te
Para
<%@ Out
VaryByPa
2.
Para el co
<asp:SqlD
CacheDu
3. Se debe l
de la apli
ponerse e
pre que un c
mticamente
bios enviados
ocar la inva
te una pgin
n ejecutados
nos puntos a
1. Las consu
Select. Si
notificaci
2. Los nomb
quiere ob
debe refe
3. El usuario
para regis
esos dere
4. El usuario
derechos
Transact
SERVICE:
ema
trabajar en e
tputCache D
aram="none"
ontrol Datas
DataSource E
ration="Infin
lamar al met
cacin antes
en el evento
comando est
e crearn un
s por SQL Se
lidacin de l
na o control D
en vez de ob
a tener encue
ultas deben i
se usa "SELE
ones de SQL
bres de las ta
btener una c
erenciar a la
o de SQL Ser
strar consult
echos : GRAN
o de SQL Ser
s para enviar
SQL otorga e
:SqlQueryNo
Inst
el IIS con Asp
uration="99
" %>
source:
EnableCachin
nite" ... />
todo System
s de que se e
Application_
t relacionad
a dependen
rver. Cuando
as consultas
DataSource a
btener la inf
entra para q
ndicar explc
ECT *" los re
L 2005.
ablas deben
onsulta de la
tabla como
ver 2005 que
tas para noti
NT SUBSCRIB
ver 2005 que
notificacion
esos derecho
otificationSer
talaci
p.NET tenem
9999" SqlDe
ng="true" Sq
m.Data.SqlClie
ejecute la pri
_Start() del f
do con SQL S
cia de cach
o se cambia
s en la cach
asociado con
ormacin de
ue las notific
citamente lo
sultados de
incluir el nom
a tabla autho
"dbo.author
e est ejecut
ficaciones. E
BE QUERY NO
e est ejecut
nes desde SQ
os: GRANT SE
rvice TO user
ion
mos que regis
T
ependency="
qlCacheDepe
ent.SqlDepen
mera consul
fichero globa
erver 2005, A
que escuch
un dato en S
del servidor
n la depende
el cach.
caciones func
os nombres d
la consulta n
mbre del pro
or de la base
rs".
tando la con
El siguiente c
OTIFICATION
tanto la cons
QL Server 200
END ON
rname.
strar el Fram
Tema
CommandN
endency="Co
ndency.Start
lta SQL. Esta
al.asax.
ASP.NET y A
e las notifica
SQL Server, e
r web. La pr
encia, la pgi
cionen corre
de las column
no se registra
opietario. Po
de datos pu
sulta tiene q
comando Tra
S TO userna
sulta tambie
05. El siguien
ework.
Cach In
otification"
ommandNot
t() en algn l
llamada pue
DO.NET
aciones de
esta notificac
xima vez qu
na o el contr
ectamente so
nas en la clau
aran para las
or ejemplo, s
ubs, la consu
que tener pe
ansact SQL ot
me.
n tiene que t
nte comando
nstalacion
fication"
ugar
ede
cin
e se
rol
on:
usula
s
i
lta se
rmiso
torga
tener
o
n
Aspn
Pub
Pode
Crea
Antes
<com
[Arch
Imple
et_regiis i
blicar siti
mos publica
ar Instala
s de crear un
mpilation deb
hivo][Agregar
ementacin]
io
r un sitio des
ador
n instalador s
bug=false/>
r][Nuevo Pro
[Asistente p
sde el Visual
sera conven
>
oyecto][Otro
ara proyecto
l Studio en [G
niente establ
os Tipos de P
os de instalac
T
Generar] [Pu
ecer en el w
royectos][In
cin]
Tema
ublicar sitio]
eb.config
stalacin e
Cach In nstalacion
n
AApliicaccio
Te
AS
A}

M
ne
con
ema
SPN
}AX
MC
s
n .N
a
NET
CTS:
Web
NET
3
:
b
T
5
Teema ASPPNETT A}AX X
Tema ASPN NET A}AX
X
XMLH
servid
HttpRequest
dor.
Encargado dde habilitar la comunicac cin asncron
Tema
na entre el cl
ASPN
liente y el
NET A}AX
X
Las a
tenem
ms r
plicaciones w
mos los refre
rpido, ya qu
web tradicio
escos que ha
ue no vieja to
nales tienen
acen las aplic
odo el conte
postback cu
caciones web
nido, solame
uando se hac
b molestas. C
ente lo nece
Tema
ce una accin
Con Ajax la
sario.
ASPN
n. En Ajax no
gina se carg
NET A}AX
o
ga
X
Existeen varios framework y libbreras para programar c con AJAX.
Tema ASPN NET A}AX
X
Tema ASPN NET A}AX
X
Tema ASPN NET A}AX
X
Con
El con
y Scri
pgin
ASP.N
Script
admi
El con
utiliza
llama
<asp:
El con
aume
ntrol Scri
ntrol princip
iptManagerP
na de ASP.NE
NET AJAX sin
tManagerPro
nistrador de
ntrol ScriptM
a tambin ca
adas a mtod
ScriptManag
</asp:Sc
ntrol no prod
enta el nme
ptManag
al de la infra
Proxy. Encon
ET AJAX. Ning
n que se haga
oxy se utiliza
e script origin
Manager cont
aractersticas
dos de pgin
ger ID "Scrip
criptManager
duce interfaz
ero de bites d
ger
aestructura d
ntraremos so
guna funcion
a referencia
a solo en esc
nal de las pg
trola y enva
s como la act
as.
ptManager1"
>
z de usuario,
de descarga
del servidor A
olo una instan
nalidad de A
a un control
enarios de p
ginas de con
a los recursos
tualizacin p
runat "serv
, funciona ex
de la pgina
ASP.NET AJA
ncia del cont
JAX puede se
ScriptMana
pginas matr
tenido.
s del script. E
parcial de la p
ver">
xclusivament
a.
Tema
X es el contr
trol ScriptMa
er habilitada
ger. El contr
ices para hac
El control Scr
pgina, los se
te en el servi
ASPN
rol ScriptMan
anager en ca
a en las pgin
ol
cer referenc
riptManager
ervicios Web
idor y no
NET A}AX
nager
da
nas
ia al
r
b y las
X
Con
La ac
Upda
funci
ASP.N
excep
En ve
Upda
actua
vez q
Es un
Contr
forma
tamb
Prog
<%@ P
Inher
<!DOC
"http
<html
<head
<
</hea
<body
ntrol Upd
tualizacin p
atePanel repr
onalidades d
NET 2.0. Com
ptuando la si
ez de permiti
atePanel inte
alizar el marc
ue la respue
n contenedor
rol, actuando
atos. Posee u
bin expone u
gramacin N
Page Languag
rits "GripdV
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title></tit
ad>
y>
datePane
parcial es la t
resenta la ru
de AJAX a sit
mo desarrolla
intaxis y sem
ir que el nav
ercepta cualq
cado a la mis
esta est lista
r definido en
o como un m
una serie de
un modelo d
Normal
ge "C#" Auto
ViewNormal"
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
tle>
l
tcnica de pr
uta ms corta
ios escritos d
adores, no te
mntica del c
egador realic
quier postba
sma URL de l
a.
n el ensambla
mero contene
propiedade
de objeto del
EventWireup
%>
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
rogramacin
a para AJAX.
de acuerdo a
endremos qu
ontrol Updat
ce una actua
ck requerido
la pgina. A c
ado System.W
edor de cont
s para contr
l lado del clie
"true" Code
ML 1.0 Trans
1 transition
tml">
n que se cent
Nos permite
al clsico mo
ue aprender
tePanel.
alizacin de l
o y enva una
continuacin
Web.Extensi
troles hijos. N
olar las actu
ente.
eFile "Gripd
sitional//EN
nal.dtd">
Tema
tra en el cont
e incorporar
delo de prog
nuevas habi
a pgina com
a peticin fue
n, actualiza e
ions. Deriva
No aplica ni
alizaciones d
dViewNormal.
N"
ASPN
trol UpdateP
la
gramacin
lidades,
mpleta, el co
era de banda
el rbol DOM
directamen
estilos ni
de la pgina y
aspx.cs"
NET A}AX
Panel.
ontrol
a para
M una
te de
y
X
<
<
SortE
/>
SortE
[addr
@addr
[au i
@au f
[zip]
<
<
</bod
</htm
Prog
<%@ P
Inher
<!DOC
"http
<form id "fo
<div>
<asp:Gri
Allo
Data
<Col
Expression "
Expression "
</Co
</asp:Gr
<asp:Sql
Conn
Dele
Inse
ress], [city
ress, @city,
Sele
id], [state]
Upda
fname, [phon
@zip WHE
<Del
</De
<Upd
</Up
<Ins
</In
</asp:Sq
</div>
</form>
dy>
ml>
gramacin c
Page Languag
rits "GripdV
CTYPE html P
p://www.w3.o
orm1" runat
dView ID "G
owSorting "T
aSourceID "S
umns>
<asp:Comman
ShowSel
<asp:BoundF
SortExp
<asp:BoundF
SortExp
<asp:BoundF
phone" />
<asp:BoundF
SortExp
<asp:BoundF
<asp:BoundF
SortExp
<asp:BoundF
state" />
<asp:BoundF
olumns>
ridView>
DataSource
nectionStrin
eteCommand "
ertCommand "
y], [au id],
@au id, @s
ectCommand "
, [zip] FROM
ateCommand "
ne] @phone
ERE [au id]
eteParamete
<asp:Parame
eleteParamet
dateParamete
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
pdateParamet
ertParamete
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
nsertParamet
qlDataSource
con Update
ge "C#" Auto
ViewNormal"
PUBLIC " //W
org/TR/xhtml
"server">
ridView1" ru
rue" AutoGen
qlDataSource
dField ShowD
ectButton "T
ield DataFie
ression "au
ield DataFie
ression "au
ield DataFie
ield DataFie
ression "add
ield DataFie
ield DataFie
ression "au
ield DataFie
ield DataFie
ID "SqlDataS
g "<%$ Conne
DELETE FROM
INSERT INTO
[state], [z
tate, @zip)"
SELECT [au l
M [authors]"
UPDATE [auth
, [address]
@au id">
rs>
ter Name "au
ers>
rs>
ter Name "au
ter Name "au
ter Name "ph
ter Name "ad
ter Name "ci
ter Name "st
ter Name "zi
ter Name "au
ers>
rs>
ter Name "au
ter Name "au
ter Name "ph
ter Name "ad
ter Name "ci
ter Name "au
ter Name "st
ter Name "zi
ers>
>
ePanel
EventWireup
%>
3C//DTD XHTM
1/DTD/xhtml1
unat "server
nerateColumn
e1">
DeleteButton
True" />
eld "au lnam
lname" />
eld "au fnam
fname" />
eld "phone"
eld "address
dress" />
eld "city" H
eld "au id"
id" />
eld "state"
eld "zip" He
Source1" run
ectionString
[authors] W
[authors]
zip]) VALUES
"
lname], [au
"
hors] SET [a
@address,
u id" Type "
u lname" Typ
u fname" Typ
hone" Type "
ddress" Type
ity" Type "S
tate" Type "
ip" Type "St
u id" Type "
u lname" Typ
u fname" Typ
hone" Type "
ddress" Type
ity" Type "S
u id" Type "
tate" Type "
ip" Type "St
"true" Code
ML 1.0 Trans
1 transition
r" AllowPagi
ns "False" D
n "True" Sho
me" HeaderTe
me" HeaderTe
HeaderText
s" HeaderTex
HeaderText "
HeaderText
HeaderText
eaderText "z
nat "server"
gs:pubsConne
WHERE [au id
([au lname],
S (@au lname
fname], [ph
au lname]
, [city] @
"String" />
pe "String"
pe "String"
"String" />
e "String" /
String" />
"String" />
tring" />
"String" />
pe "String"
pe "String"
"String" />
e "String" /
String" />
"String" />
"String" />
tring" />
eFile "Gripd
sitional//EN
nal.dtd">
Tema
ing "True"
DataKeyNames
owEditButton
ext "au lnam
ext "au fnam
"phone"
xt "address"
"city" SortE
"au id" Rea
"state"
zip" SortExp
"
ectionString
d] @au id"
[au fname]
e, @au fname
hone], [addr
@au lname,
@city, [stat
/>
/>
/>
/>
/>
/>
dViewUpdateP
N"
ASPN
"au id"
n "True"
me"
me"
Expression "
adOnly "True
pression "zi
g %>"
, [phone],
e, @phone,
ress], [city
[au fname]
te] @state
Panel.aspx.c
NET A}AX
city"
"
p" />
],
,
s"
X
<html
<head
<
</hea
<body
<
<
SortE
/>
SortE
[addr
@addr
[au i
@au f
[zip]
<
<
</bod
</htm
l xmlns "htt
d runat "ser
<title></tit
ad>
y>
<form id "fo
<div>
<asp:Scr
</asp:Sc
<asp:Upd
<Content
<asp:Gri
Allo
Data
<Col
Expression "
Expression "
</Co
</asp:Gr
</Conten
</asp:Up
<asp:Sql
Conn
Dele
Inse
ress], [city
ress, @city,
Sele
id], [state]
Upda
fname, [phon
@zip WHE
<Del
</De
<Upd
</Up
<Ins
</In
</asp:Sq
</div>
</form>
dy>
ml>
tp://www.w3.
rver">
tle>
orm1" runat
riptManager
criptManager
datePanel ID
tTemplate>
dView ID "G
owSorting "T
aSourceID "S
umns>
<asp:Comman
ShowSel
<asp:BoundF
SortExp
<asp:BoundF
SortExp
<asp:BoundF
phone" />
<asp:BoundF
SortExp
<asp:BoundF
<asp:BoundF
SortExp
<asp:BoundF
state" />
<asp:BoundF
olumns>
ridView>
ntTemplate>
pdatePanel>
DataSource
nectionStrin
eteCommand "
ertCommand "
y], [au id],
@au id, @s
ectCommand "
, [zip] FROM
ateCommand "
ne] @phone
ERE [au id]
eteParamete
<asp:Parame
eleteParamet
dateParamete
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
pdateParamet
ertParamete
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
<asp:Parame
nsertParamet
qlDataSource
org/1999/xht
"server">
ID "ScriptMa
>
"UpdatePane
ridView1" ru
rue" AutoGen
qlDataSource
dField ShowD
ectButton "T
ield DataFie
ression "au
ield DataFie
ression "au
ield DataFie
ield DataFie
ression "add
ield DataFie
ield DataFie
ression "au
ield DataFie
ield DataFie
ID "SqlDataS
g "<%$ Conne
DELETE FROM
INSERT INTO
[state], [z
tate, @zip)"
SELECT [au l
M [authors]"
UPDATE [auth
, [address]
@au id">
rs>
ter Name "au
ers>
rs>
ter Name "au
ter Name "au
ter Name "ph
ter Name "ad
ter Name "ci
ter Name "st
ter Name "zi
ter Name "au
ers>
rs>
ter Name "au
ter Name "au
ter Name "ph
ter Name "ad
ter Name "ci
ter Name "au
ter Name "st
ter Name "zi
ers>
>
tml">
anager1" run
el1" runat "
unat "server
nerateColumn
e1">
DeleteButton
True" />
eld "au lnam
lname" />
eld "au fnam
fname" />
eld "phone"
eld "address
dress" />
eld "city" H
eld "au id"
id" />
eld "state"
eld "zip" He
Source1" run
ectionString
[authors] W
[authors]
zip]) VALUES
"
lname], [au
"
hors] SET [a
@address,
u id" Type "
u lname" Typ
u fname" Typ
hone" Type "
ddress" Type
ity" Type "S
tate" Type "
ip" Type "St
u id" Type "
u lname" Typ
u fname" Typ
hone" Type "
ddress" Type
ity" Type "S
u id" Type "
tate" Type "
ip" Type "St
nat "server"
"server">
r" AllowPagi
ns "False" D
n "True" Sho
me" HeaderTe
me" HeaderTe
HeaderText
s" HeaderTex
HeaderText "
HeaderText
HeaderText
eaderText "z
nat "server"
gs:pubsConne
WHERE [au id
([au lname],
S (@au lname
fname], [ph
au lname]
, [city] @
"String" />
pe "String"
pe "String"
"String" />
e "String" /
String" />
"String" />
tring" />
"String" />
pe "String"
pe "String"
"String" />
e "String" /
String" />
"String" />
"String" />
tring" />
Tema
">
ing "True"
DataKeyNames
owEditButton
ext "au lnam
ext "au fnam
"phone"
xt "address"
"city" SortE
"au id" Rea
"state"
zip" SortExp
"
ectionString
d] @au id"
[au fname]
e, @au fname
hone], [addr
@au lname,
@city, [stat
/>
/>
/>
/>
/>
/>
ASPN
"au id"
n "True"
me"
me"
Expression "
adOnly "True
pression "zi
g %>"
, [phone],
e, @phone,
ress], [city
[au fname]
te] @state
NET A}AX
city"
"
p" />
],
,
X
Propi
Child
Conte
Conte
IsInPa
Rend
Upda
Trigg
Cuan
de un
iedad
renAsTrigge
entTemplate
entTemplate
artialRender
derMode
ateMode
ers
do necesitam
n postback A
ers
e
eContainer
ring
mos saber si
AJAX, utilizam
una porcin
mos la propie
Desc
Indic
contr
Upda
prop
contr
estab
la pro
como
Una
apare
actua
Recu
cread
obje
contr
Indic
como
tiene
Indic
como
una e
para
defin
Upda
defec
Obtie
del c
las q
factib
la en
valor
Defin
cada
que e
n de la pgina
edad IsInAsyn
ripcin
a si los postb
roles hijos pr
atePanel. Tru
iedad es fals
roles hijos so
blecer esta p
opiedad Upd
o Always
propiedad te
ecer en el U
alice
pera el objet
do dinmicam
to para aad
roles hijo a U
a si el panel
o parte de un
e utilidad par
a si el conte
o una etique
etiqueta <sp
la propiedad
nidos en la en
atePanerRen
cto es Block
ene y estable
ontrol deter
ue se actuali
bles, Alvays y
umeracin U
r por defecto
ne la colecci
uno represe
el panel se a
a est siendo
ncPostBack
Tema
backs proced
rovocarn la
ue por defect
se, los postba
on ignorados
propiedad co
dateMode es
emplate defi
UpdatePanel
to contened
mente. Pode
dir de forma
UpdatePanel
est siendo
n postback a
ra creadores
nido del pan
ta de bloque
an>. Los valo
d, Block e In
numeracion
nderMode. E
ece el modo
minando las
iza el panel.
y Condiciona
UpdatePanel
o es Always
n que desen
enta un even
ctualice auto
o actualizada
del control S
ASPN
dentes de lo
actualizaci
to. Cuado la
acks de los
s. No podem
mo false cua
st estableci
ne lo que
cuanto ste
or de la plan
emos usar es
programada
.
actualizado
asncrono. No
web
nel se actuali
e <div> o com
ores factibles
ine, son
n
l valor por
de actualiza
s condiciones
Los valores
al, provienen
UpdateMod
ncadena obje
nto que prov
omticamen
a como resul
ScriptManag
NET A}AX
s
n de
os
ando
da
e se
ntilla
ste
o
zar
mo
s
cin
s en
n de
de. El
etos,
oca
te
ltado
er
X
Uso
Pode
servid
desen
Aad
<Trigge
</Trigg
Nece
va a s
que e
servid
Ejem
<%@ P
Inher
<!DOC
"http
<html
<head
<
<
p
{
}
de Trigge
mos asociar
dor. Si un ev
ncadenadore
imos un eve
ers>
<asp:AsyncPO
gers>
sitamos espe
superviar y e
el componen
dor. Tanto C
mplo
Page Languag
rits "Defaul
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title></tit
<script runa
protected vo
{
Label1.T
}
ers
un control U
ento registra
es pueden de
ento desenca
OstBackTrigger C
ecificar dos i
el nombre de
nte AsyncPos
ontrolID com
ge "C#" Auto
t3" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
tle>
at "server">
oid Button1
Text DateT
UpdatePanel
ado es desen
efinirse de m
adenador de
ControlID=DropD
informacione
el evento que
stBackTrigge
mo EventNam
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
Click(object
ime.Now.ToSt
l con una en
ncadenado p
manera decla
forma decla
DownLIst1 Event
es para cada
e se va a cap
r puede mod
me son prop
"true" Code
ML 1.0 Trans
1 transition
tml">
t sender, Ev
tring();
umeracin d
por un postba
arativa o med
arativa utiliza
tNAme=Selected
a desencaden
pturar. Result
dificar tan so
iedades strin
eFile "Defau
sitional//EN
nal.dtd">
ventArgs e)
Tema
de eventos de
ack el panel
diante progr
ando la secci
dIndexChanged/
nador: la ID d
ta imprescin
olo eventos d
ng.
ult3.aspx.cs
N"
ASPN
el lado del
se actualiza.
ramacin.
n <Triggers
/>
de control qu
dible subray
del lado del
"
NET A}AX
. Los
s>
ue se
ar
X
</scr
</hea
<body
<f
<
Enabl
OnCli
<
<
</bod
</htm
Sobre
Si est
de una
Si est
Updat
<%@ P
Inher
<!DOC
"http
<html
<head
<
<
p
{
}
</scr
</hea
<body
<f
<
Enabl
<
<
</bod
</htm
ript>
ad>
y>
form id "for
<div>
<asp:Scr
lePartialRen
</asp:Sc
<asp:Upd
<Con
ick "Button1
</Co
</asp:Up
</div>
</form>
dy>
ml>
e la propieda
en Always, nu
a actualizacin
t en Condition
ePanel lo requi
Page Languag
rits "Defaul
CTYPE html P
p://www.w3.o
l xmlns "htt
d runat "ser
<title></tit
<script runa
protected vo
{
Label1.T
}
ript>
ad>
y>
form id "for
<div>
<asp:Scr
lePartialRen
</asp:Sc
<asp:Butt
<asp:Upd
<Con
</Co
<Tri
</Tr
</asp:Up
</div>
</form>
dy>
ml>
rm1" runat "
riptManager
ndering "tru
criptManager
datePanel ID
ntentTemplat
<asp:Button
Click" />
<asp:Label
ontentTempla
pdatePanel>
ad UpdateM
estro UpdatePa
de otro Update
nal, nuestro Upd
ieran.
ge "C#" Auto
t3" %>
PUBLIC " //W
org/TR/xhtml
tp://www.w3.
rver">
tle>
at "server">
oid Button1
Text DateT
rm1" runat "
riptManager
ndering "tru
criptManager
ton ID "Butt
datePanel ID
ntentTemplat
<asp:Label
ontentTempla
ggers>
<asp:AsyncP
riggers>
pdatePanel>
server">
ID "ScriptMa
e">
>
"UpdatePane
e>
ID "Button1
ID "Label1"
te>
ode:
anel se actualiz
ePanel.
datePanel slo
EventWireup
3C//DTD XHTM
1/DTD/xhtml1
org/1999/xht
Click(object
ime.Now.ToSt
server">
ID "ScriptMa
e">
>
on1" runat "
"UpdatePane
e>
ID "Label1"
te>
ostBackTrigg
anager1" run
el1" runat "
1" runat "se
runat "serv
zar siempre qu
se actualizar c
"true" Code
ML 1.0 Trans
1 transition
tml">
t sender, Ev
tring();
anager1" run
"server" Tex
el1" runat "
runat "serv
ger ControlI
nat "server"
"server" Upd
erver" Text
ver" Text ""
ue haga un Page
cuando los elem
eFile "Copia
sitional//EN
nal.dtd">
ventArgs e)
nat "server"
xt "Button"
"server" Upd
ver" Text ""
ID "Button1"
Tema
"
dateMode "Co
"Button"
"></asp:Labe
eLoad, por ejem
mentos de dent
a de Default
N"
"
OnClick "Bu
dateMode "Co
"></asp:Labe
" EventName
ASPN
onditional">
el>
mplo a consecu
tro de nuestro
t3.aspx.cs"
utton1 Click
onditional">
el>
"Click" />
NET A}AX
encia
" />
X
Con
Est d
contr
quiz
posib
actua
Propi
Assoc
Dyna
Progr
Un co
Estab
espec
pgin
pgin
Cuan
concr
adecu
existe
Si que
desar
El fra
esper
con p
imple
marc
Con
EL co
Wind
en la
como
peri
ntrol Upd
designado pa
roles Update
s queramos
ble, desplaza
alizarse. Pode
iedad
ciateUpdate
amicLayout
ressTemplat
ontrol Updat
blecemos el e
cifica ningn
na. La interfa
na se actualiz
do est esta
reto y reutili
uadamente.
entes se des
eremos rese
rrolle ningun
mework ASP
ra que el pan
programaci
emente la int
ado del cont
ntrol Tim
ontrol Timer e
dows.set.Tim
propiedad In
o un desenca
dicamente.
dateProgr
ara aportar c
ePanel estn
encontrar e
rlo program
emos utilizar
ePanelID
te
teProgress p
enlace a trav
n panel Actua
az de usuario
za. Sin emba
blecido com
za su espacio
Cuando el v
plazan para
ervar espacio
na operacin
P.NET AJAX v
nel se actual
n. En el segu
terfaz ITemp
trol de progr
mer
es el homlo
meout. EL con
nterval. El po
adenador de
ress
cualquier tip
siendo actua
l lugar adecu
ndolo en el
r hojas de es
uede ser enl
vs de la pro
alizable, el co
o de la barra
rgo, inicialm
mo ninguno, e
o en la pgin
alor de un at
hacer sitio a
o para el cont
n, tan solo es
visualiza el co
ice. Podemo
undo caso, as
plate. Para la
reso como se
ogo del servi
ntrol Timer p
osback desen
un panel act
o de feedba
alizados. Si t
uado en la p
sitio adecua
stilo y posicio
Desc
Obtie
Upda
contr
Indic
dinm
pord
Indic
post
espe
azado a un c
piedad string
ontrol de pro
de progreso
mente est oc
el atributo CS
na para que o
tributo displ
los nuevos.
trol de progr
tablecemos
ontenido de
os especificar
signamos a la
a segunda sit
e muestra en
dor de un cli
provoca un p
ncadena un
tualizable, p
ck al navega
tenemos pan
gina para e
ado con resp
onal el contr
ripcin
ene y estable
atePanel con
rol
a si la planti
micamente e
efecto
a la plantilla
back asncro
cificado en la
control Upda
g Associated
ogreso apare
se inserta e
culta por el a
SS display no
otros elemen
ay es modifi
reso y dejarlo
la propiedad
la propiedad
r la plantilla t
a propiedad
uacin, pode
n el cdigo:
iente creado
ostback cada
evento Tick.
odemos actu
Tema
dor mientra
neles mltipl
l control de
pecto al pane
ol donde qu
ece la ID del
n la que est
lla de progre
en la pgina.
visualizada
no que tarda
a propiedad
atePanel con
dUpdatePane
ece para cua
n la pgina d
atributo CSS
o muestra un
ntos puedan
cado, los ele
o en blanco
d DynamicLa
d ProgressTe
tanto de form
cualquier ob
emos especi
o utilizando e
a segundo q
Utilizando e
ualizar el con
ASPN
s uno o ms
es en una p
progreso o, s
el que va a
eramos.
control
asociado es
eso se actual
Est a true
durante un
a ms del tie
DisplayAfter
ncreto.
elID.Si no se
lquier panel
del host cuan
display
n elemento H
desplazarse
ementos
cuando no s
yout como f
emplate mie
ma declarati
bjeto que
ficar fcilme
el mtodo
ue se especi
el temporizad
ntenido del p
NET A}AX
gina,
si es
te
iza
empo
r
en la
ndo la
HTML
e
e
false.
ntras
va o
ente el
fica
dor
panel
X
Inst
Se de
http:/
Cream
mqu
La rut
Contr
Desc
Fram
Copi
Toolk
Toolk
Abri
Hace
una n
Contr
Hace
elem
que e
Tras r
contr
El AS
progr
contr
ASP.N
de eje
que e
Vamo
entid
un co
Se tra
progr
son 1
Estos
talar AJA
escarga de
//www.code
mos, dentro
uina,una carp
ta completa
rol Toolkit".
comprimir el
ework3.5.zip
iar los archiv
kit\SampleW
kit\Binaries".
r Visual Stud
er clic derech
nueva pesta
rol Toolkit".
er clic derech
entos" para
est en la rut
realizar toda
roles del Ajax
P.NET AJAX C
ramadores y
roles Web y e
NET AJAX sin
emplos de u
es totalment
os a distingu
ad por s mis
ontrol Web e
ata de una se
ramador, ha
100% AJAX y
s controles va
AX Contro
eplex.com/Aj
de la carpet
peta para co
resultante p
archivo que
p sobre la ru
vos contenido
WebSite\Bin",
.
dio 2008 y cre
ho en el Cuad
a; como no
ho sobre la p
aadirle los
ta "C:\Progra
as estas oper
x Control Too
Control Tool
y Microsoft. E
extendedore
n ms que un
so, as como
e gratuito.
ir entre cont
smos, mient
existente.
erie de pequ
utilizado o d
usarlos no e
an desde un
ol Toolkit
jaxControlTo
a "Program
ontener los a
podra ser, po
e contiene es
ta menciona
os en la ruta
, dentro de e
ear un nuevo
dro de herra
mbre podem
pestaa reci
controles de
am Files\Ajax
raciones, ya t
olkit en nues
kit nace com
Est desarro
es con los qu
n arrastre de
o del propio c
troles Web y
ras que los s
ueas funcion
deseado para
exige conocim
simple bot
t
oolkit/Releas
Files" o "Arc
rchivos del p
or ejemplo, l
ste conjunto
ada en el pun
"C:\Program
esta otra ruta
o proyecto W
amientas, y s
mos utilizar e
n creada y e
el Toolkit, ub
x Control Too
tendramos t
stras aplicac
mo un proyec
llado en bas
ue podremos
ratn. Del m
cdigo fuent
y extendedor
segundos n
nalidades qu
a sus Webs.
miento algun
n con una a
se/ProjectRe
hivos de Pro
paquete de c
la siguiente:
de controle
nto anterior.
m Files\Ajax
a: "C:\Progra
Web.
eleccionar la
el mismo del
elegir la opci
bicados en la
olkit\Binarie
todo lo nece
iones Web.
cto conjunto
e a ASP.NET
s utilizar las a
mismo modo
te de los con
res, donde lo
icamente a
ue cualquier w
La diferencia
no sobre AJA
lerta asociad
Tema
eleases.aspx?
ograma" de n
controles.
"C:\Program
s: AjaxContr
Control
am Files\Ajax
a opcin "Ad
paquete de
n "Choose
librera Ajax
es".
sario para ut
entre la com
AJAX y conti
avanzadas ca
, con su desc
troles. Y lo m
os primeros t
aden un com
webmaster,
a ahora es qu
AX, javascript
da, hasta un
ASPN
?ReleaseId=1
nuestra
m Files\Ajax
olToolkit
x Control
dd Tab" para
controles: "A
Items" 0 "Ele
xControlToo
tilizar los
munidad de
iene una ser
aractersticas
carga dispon
mejor de tod
tienen una
mportamient
en su histor
ue los ejemp
t o XML.
complejo pa
NET A}AX
11121
crear
Ajax
egir
lkit.dll
ie de
s de
nemos
o es
te a
ia de
plos
anel
X
que p
entre
Web
10.1
Desc
El con
ser v
defin
de m
Prop
9 pro
Sele
tiene
Hea
cabec
aplica
defin
Fad
caso
false
Tra
consi
Fra
trans
podemos arr
e el cliente y
sea mucho m
1. Accord
cripcin
ntrol Web Ac
visible en ca
nir la cabece
odo que el A
piedades
opiedades de
ectedIndex:
e como ndice
aderCssClass
ceras/conten
ar por defe
nir individual
deTransitions
de ser false
.
ansitionDurat
gue un efect
mesPerSeco
iciones. Sue
rastrar por la
el servidor s
ms atractiva
dion
ccordion te p
ada momento
ra (Header)
AccordionPan
efinen al Acc
Define el Ac
e 0. Es opcio
s / ContentC
nidos (Heade
ecto a todos
lmente como
s: en caso de
la transicin
tion: cantida
to muy agrad
nd: nmero
le ser suficie
a pantalla; en
sin ningn tip
a y simptica
permite ubic
o. Dichos pan
y el contenid
ne activo se
ordion:
ccordionPane
onal y por de
ssClass: Iden
er/content).
los Accordio
o atributo de
e ser true se
n se realizar
ad de miliseg
deble con tra
de frames p
ente un nm
n ambos caso
po de recarg
a al usuario a
car mltiples
neles son los
do (Content)
mantendr v
e que estar
efecto vale 0
ntifica el nom
Si se define
onPane de qu
e cada Accor
aplicacar u
de modo n
gundos que d
ansicin de u
or segundo q
ero superior
os, mandand
a de pgina.
a la par que
s paneles, de
s AccordionP
). El estado d
visible a trav
activo por d
0.
mbre de la c
e como atrib
ue est comp
rdionPane.
un efecto de
ormal. Es op
definen la du
unos 200-300
que se usar
r a 40.
Tema
do y recogien
Su uso har
potente y ef
e modo que
Pane, de los
del Accordio
vs de los po
defecto, don
lase CSS util
uto del Acco
puesto. Tam
e fading en la
ptativo y por
uracin de un
0 milisegund
en la anima
ASPN
ndo informac
que nuestra
fectiva.
nicamente
que debemo
on es guardad
ostbacks.
nde el primer
lizada para l
ordion, la cla
bin se pued
a transicin,
r defecto val
na transicin
dos.
acin de las
NET A}AX
cin
a
uno
os
do,
ro
as
ase se
de
en
le
n. Se
X
Aut
o Non
rese
o Lim
Accor
scroll
camb
o Fill
minim
Hea
Con
Dat
que l
Dat
datos
Dat
Ejem
<%@
Inher
<%@
TagP
<!DOC
"http
<htm
<head
<title
<style
.acco
{
borde
backg
font-
font-
font-w
padd
marg
curso
}
.acco
{
font-
backg
borde
borde
font-
padd
toSize: defin
ne: No tiene
ar que esto
mit: como m
rdion es ms
l para ajusta
bios.
: el Accordio
mizando el c
ader: es una
ntent: es una
taSource: El
lamar a Data
taSourceID:
s.
taMember: e
mplo
Page Langua
rits="Accordi
Register Asse
refix="ajaxT
CTYPE html
://www.w3.
l xmlns="htt
d runat="serv
e>Accordion<
e>
ordionCabece
er: 1px solid
ground-color
family: Arial
size: 14px;
weight: bold
ing: 4px;
in-top: 4px;
or: pointer;
ordionConten
family: Sans
ground-color
er: 1px solid
er-top: none
size: 12px;
ing: 7px;
e la restricc
ninguna res
puede impli
ximo, el Acc
s alto de lo q
arse al lmite
on siempre m
ontenido en
propiedad d
a propiedad
DataSource
aBind().
Alternativa
el miembro a
age="C#" Aut
on ACT Acc
embly="Ajax
oolkit" %>
PUBLIC "-//W
.org/TR/xht
tp://www.w
ver">
</title>
era
black;
r: #ffd800;
l, Sans-Serif;
d;
nido
-Serif;
r: #fff8ab;
black;
e;
cin en la alt
triccin. La
icar que otro
cordion med
que marque s
e. En caso de
medir lo que
base a las n
del Accordion
del Accordio
a aplicar (to
amente, pode
a enlazar cua
oEventWireu
cordion" %>
xControlTool
W3C//DTD X
ml1/DTD/xh
3.org/1999/
;
tura del Acco
altura del Ac
os elementos
dir lo que m
su Height, a
e ser menor a
e marqu su
necesidades.
nPane y defi
onPane y def
otalmente op
er asignar el
ando se usa e
up="true" Co
kit" Namespa
XHTML 1.0 Tr
html1-transit
xhtml" >
ordion. Pued
ccordion no
s de la mism
marque la pro
l AccordionP
a ese lmite
propiedad H
ine el valor d
fine el valor
ptativo). Par
identificado
el DataSourc
deFile="ACT
ace="AjaxCo
ransitional//
tional.dtd">
Tema
de tomar tres
tiene lmite
a Web sean
opiedad Heig
Pane activo s
el Accordion
Height, expa
de su cabece
de su conte
ra una correc
or de nuestra
ceID.
-Accordion.a
ontrolToolkit
/EN"
ASPN
s valores:
. Es importa
movidos.
ght. Si el
se le aadir
n no sufre
andiendo o
era.
nido.
cta aplicaci
a fuente de
aspx.cs"
"
NET A}AX
ante
un
n hay
X
}
</sty
</hea
<body
<form
<div>
<asp:
<ajax
FadeT
Fram
Width
Trans
Head
Conte
<Pane
<ajax
<Hea
<Con
</aja
<ajax
<Hea
<Con
</aja
<ajax
<Hea
<Con
</aja
</Pan
</aja
</div
</for
</bod
</htm
yle>
ad>
y>
m id="form1"
>
:ScriptManag
xToolkit:Acco
Transitions=
esPerSecond
h="250px"
sitionDuratio
erCssClass="
entCssClass=
es>
xToolkit:Acco
der>Panel 1
tent>Conten
axToolkit:Acc
xToolkit:Acco
der>Panel 2
tent>Conten
axToolkit:Acc
xToolkit:Acco
der>Panel 3
tent>Conten
axToolkit:Acc
nes>
axToolkit:Acc
v>
rm>
dy>
ml>
runat="serv
ger id="Script
ordion ID="A
"True"
d="50"
on="200"
"accordionCa
="accordionC
ordionPane I
</Header>
nido 1</Cont
cordionPane
ordionPane r
</Header>
nido 2</Cont
cordionPane
ordionPane r
</Header>
nido 3</Cont
cordionPane
cordion>
ver">
tManager" ru
Accordion1" r
abecera"
ontenido">
ID="Accordio
tent>
e>
runat="serve
tent>
e>
runat="serve
tent>
e>
unat="server"
runat="server
onPane1" run
er">
er">
" />
r"
nat="server">
Tema
>
ASPN NET A}AX
X
Al tra
comp
nuest
corre
Sin em
inclui
desde
Adem
conte
En el
estem
atarse de nue
pleto. El mot
tra caja de h
espondiente.
mbargo, lo q
ir una refere
e nuestra caj
ms, y como
enido.
resto de eje
mos trabajan
estro primer
tivo es que t
herramientas
que no se ha
encia al Scrip
ja de herram
es obvio, de
emplos, no m
ndo.
r ejemplo, he
engamos en
s, automtic
r automtic
ptManager, l
mientas.
ebern defini
mostraremos
emos mostra
cuenta que
camente que
camente, y d
lo que no req
irse las clase
s ms que el
ado todo el c
al arrastrar
dar registra
debemos hac
quiere ms q
es CSS tanto
cdigo espe
Tema
cdigo de la
el control Ac
ado el Assem
cerlo nosotro
que otro senc
de la cabece
cfico del co
ASPN
pgina al
ccordion des
mbly
os siempre, e
cillo arrastre
era como de
ontrol en el q
NET A}AX
sde
es
e
l
que
X
10.2
Desc
El Alw
simpl
pgin
derec
cuand
Prop
Tar
posic
Hor
una p
pixels
defec
Ver
propi
Ver
el Ve
Scro
que e
ser m
2. Always
cripcin
waysVisibleC
les. Su funcio
na. Un ejemp
cha de nuest
do se haga sc
piedades
rgetControlID
cin que dete
rizontalSide:
propiedad op
s desde el ob
cto vale 0 px
rticalSide: ub
iedad optativ
rticalOffset:
erticalSide. E
ollEffectDur
el control se
mayor que ce
sVisibleCo
Control es un
onalidad con
plo sera el q
tra pgina, y
croll sobre la
D: ID del con
erminemos.
ubicacin h
ptativa que p
bjeto hasta e
x.
bicacin vert
va que por d
distancia ve
Es optativo y
ation: define
posiciona do
ero.
ontrol
no de los con
nsiste en dej
que cierto m
y que se man
a pgina.
ntrol que que
Habitualmen
horizontal (d
por defecto v
el lado que d
tical (arriba
defecto vale
ertical en pix
por defecto
e la cantidad
onde definam
ntroles Web d
jar clavado e
ensaje se m
ntenga en la
eremos que e
nte suele tra
erecha o izq
vale left. Ho
definamos en
o abajo) don
top.
xels desde el
o vale 0 px.
d de segundo
mos. Por def
del ASP.NET
el contenido
uestre siemp
misma posic
el AlwaysVisi
atarse de un
quierda) dond
orizontalOffs
n el Horizont
nde se clava
l objeto hast
os entre que
fecto vale 0.
Tema
AJAX Contro
en un punto
pre en la par
cin de la pa
ibleControl c
Panel.
de se clavar
et: distancia
talSide. Es o
ar el control
ta el lado qu
la pgina ha
1 segundos y
ASPN
ol Toolkit m
o especfico
rte inferior
antalla del us
clave en la
el control.
a horizontal
optativo y po
l. Es una
ue definamos
ace scroll ha
y siempre de
NET A}AX
s
de la
suario
Es
en
or
s en
asta
ebe
X
Ejem
<asp:
de m
</asp
<ajax
Targe
Verti
Verti
Horiz
Horiz
Scrol
</aja
10.3
Desc
Con e
minim
a cer
debe
El est
perm
quere
perm
Prop
Tar
Col
pone
Exp
Col
collap
Scro
sobre
ning
Exp
Como
minim
Tex
conte
Col
contr
Exp
contr
Ima
que d
espec
mplo
:Panel ID="Pa
ensaje
p:Panel>
xToolkit:Alw
etControlID=
calSide="Bot
calOffset="1
zontalSide="R
zontalOffset=
lEffectDurat
axToolkit:Alw
3. Collaps
cripcin
el Collapsible
mizado a nue
rrarse y abrir
remos hacer
tado del con
manecer igua
emos que el
mitimos que s
piedades
rgetControlID
lapsedSize:
rlo a 0, de m
pandedSize:
lapsed: espe
psed (cerrad
oll Contents
epaso al espe
n efecto, lo
pandControlI
o vemos pode
mice. Habitu
xtLabelID: el
enido (ver la
lapsedText:
rolador est
pandedText:
rolador est
ageControlID
describa el e
cificado un t
anel1" runat=
aysVisibleCo
"Panel1"
ttom"
0"
Right"
="10"
tion="0.0001"
waysVisibleC
siblePane
ePanel conse
estro antojo.
rse (por ejem
r clic para ce
ntenido (abie
al cuando re
contenido te
se dimension
D: el ID del c
el tamao e
modo que que
el tamao e
ecifica el est
do) o expand
: si especific
ecificado en
o pondremos
D/CollapseC
emos elegir
ualmente am
l ID de la Lab
as dos prxim
texto que se
cerrado.
texto que se
abierto.
D: En lugar de
estado en que
texto, ste se
="server" He
ontrolExtend
">
ControlExtend
el
eguiremos qu
. Distinguire
mplo un Pane
errar y/o abr
erto o cerrad
ecarguemos u
enga una alt
ne como requ
control Web
n pixels del
eda totalme
n pixels del
tado del cont
ed (abierto)
camos true,
CollapsedSiz
a false.
ControlID: el
un controlad
mbos atributo
bel donde se
mas propieda
e mostrar e
e mostrar e
e un texto, p
e se encuent
e correspond
ight="50px" W
er ID="Alway
der>
ue cualquier
mos entre el
el) y el contr
rir el conten
do) es guarda
una pgina. A
tura y/o anch
uiera.
correspondie
contenido cu
nte cerrado.
contenido cu
tenido cuand
.
se aadir u
ze y Expande
ID del contr
dor que max
os apuntan a
e especificar
ades).
en la Label e
en la Label e
podemos esp
tra el conten
der con el t
Width="125p
ysVisibleCont
r control ASP
l contenido,
rolador, que
ido.
ado a lo largo
Adems, pod
hura determ
ente al conte
uando est c
.
uando est a
do se iniciali
una barra de
edSize. Si no
rol Web corre
imice el con
l mismo cont
el estado e
especificada
especificada
pecificar una
nido. Si adem
texto alterna
Tema
px">
trolExtender
P.NET pueda
que ser el
ser el cont
o de los post
demos espec
minadas, o po
enido.
cerrado. Lo h
abierto.
iza la pgina
scroll cuand
o queremos q
espondiendo
ntenido y otr
trolador.
en que se en
en TextLabe
en TextLabe
a imagen par
ms tambin
ativo de la im
ASPN
r1" runat="se
ser maximiz
control que
trol sobre el
tbacks, por l
cificar si
or el contrari
habitual es
a. Puede ser
do el tamao
que se produ
o al controlad
o que lo
cuentra el
elId cuando e
elId cuando e
ra que sea s
hemos
magen (el
NET A}AX
erver"
zado o
vaya
que
lo que
io
o
uzca
dor.
el
el
sta la
X
atribu
Col
minim
Exp
maxim
Exp
a der
Ejem
<asp:
<asp:
Este e
que s
el est
</asp
<ajax
Targe
Colla
Expan
Colla
Expan
Colla
TextL
Colla
Expan
Expan
</aja
10.4
Desc
Con e
LinkB
mues
ejecu
Prop
Tar
Con
desea
Ejem
Mostr
venta
<asp:
<ajax
Targe
Confi
</aja
uto alt).
lapsedImage
mizado.
pandedImage
mizado.
pandDirectio
recha. En el
mplo
:Label ID="La
:Panel ID="Pa
es el conten
se correspon
tado.
p:Panel>
xToolkit:Coll
etControlID=
psedSize="0"
ndedSize="30
psed="True"
ndControlID=
pseControlID
LabelID="Lab
psedText="A
ndedText="C
ndDirection=
axToolkit:Co
4. Confirm
cripcin
el ConfirmBu
Button o Hyp
stre una vent
ute o no el e
piedades
rgetControlID
nfirmText: te
a ejecutar?
mplo
raremos un b
ana de confir
:Button ID="B
xToolkit:Con
etControlID=
irmText="Re
axToolkit:Co
e: Path que a
e: Path que a
n: podemos
primer caso
abel1" runat=
anel1" runat=
ido que ser
de con el tex
lapsiblePane
"Panel1"
"
00"
="Label1"
D="Label1"
bel1"
Abrir conteni
Cerrar conten
="Vertical"/>
llapsiblePan
mButton
utton conseg
perlink, de m
tana de conf
evento asocia
D: ID del con
exto que se
?
botn que se
rmacin eleg
Button1" run
firmButtonE
"Button1"
ealmente de
nfirmButton
apunta a la i
apunta a la i
definir que e
asignaremos
="server" Tex
="server" Wid
abierto o ce
xto de arriba
lExtender ID
do"
nido"
elExtender>
uimos una se
modo que cua
firmacin. En
ado al contro
ntrol al que a
mostrar al
e ocupar de
giremos si re
at="server" T
xtender ID="
sea recargar
Extender>
magen que s
magen que s
el contenido
s Vertical
xt="Label" Cs
dth="120px">
errado medi
a. ste a su v
D="Collapsibl
encilla funci
ando se haga
n sta deber
ol en cuesti
aplicaremos
presionar so
e recargar la
ealmente des
Text="Recarg
"ConfirmButt
r la pgina?"
se mostrar
se mostrar
o se abra de
y en el segu
ssClass="CP">
>
ante el cont
vez describir
ePanelExten
onalidad. Lo
a clic sobre
remos elegir
n.
el efecto el
obre el contro
pgina. Cua
seamos reca
gar pgina" /
tonExtender
/>
Tema
cuando el co
cuando el co
arriba a aba
ndo Horizo
></asp:Labe
trolador,
r
nder1" runat=
o asignaremo
ste, el nave
s o no
ConfirmButt
ol. Por ejem
ando se nos m
rgarla o no.
/>
2" runat="se
ASPN
ontenido est
ontenido est
ajo o de izqu
ntal.
el>
="server"
os a un Butto
egador nos
para que se
ton.
mplo Realm
muestre la
rver"
NET A}AX
t
ierda
on,
mente
X
10.5
Desc
El Dra
javas
una m
Se ap
pode
conte
el co
Prop
Tar
Dra
Ejem
<asp:
<asp:
Font-
Arrs
</asp
<asp:
Borde
Este e
</asp
</asp
<ajax
DragH
</aja
<scrip
// Pe
funct
docum
docum
}
setBo
$add
</scr
10.6
Desc
Un se
como
ejem
5. DragPa
cripcin
agPanel sera
script requer
mayor flexibi
plica a cualq
r arrastrarlo
enido, donde
ntenido.
piedades
rgetControlID
agHandleID: e
mplo
:Panel ID="Pa
:Panel ID="Pa
-Bold="true"
strame
p:Panel>
:Panel ID="Pa
erWidth="1">
es el conten
p:Panel>
p:Panel>
xToolkit:Drag
HandleID="Pa
axToolkit:Dra
pt type="tex
equeo scrip
tion setBodyH
ment.body.s
ment.body.s
odyHeightToC
Handler(win
ript>
6. DropD
cripcin
encillo contro
o resultar se
plo, imagine
anel
a el ejemplo
rira decenas
ilidad.
uier control
o a cualquier
e el controla
D: el ID del c
el ID del con
anel3" runat=
anel1" runat=
BorderColor
anel2" runat=
>
ido que vam
gPanelExten
anel1" Targe
agPanelExte
xt/javascript
t para una c
HeightToCon
style.height
scrollHeight)
ContentHeig
dow, "resize
own
ol que le da
muy til. Co
emos que ten
o perfecto de
s de lneas de
Web (el ms
parte de la
dor es sobre
control corre
ntrol corresp
="server" He
="server" Wid
r="black" Bor
="server" He
mos a poder a
der ID="Drag
etControlID="
nder>
">
correcta com
ntentHeight(
= Math.max(
+"px";
ght();
e", setBodyHe
un aspecto
onsiste en ha
nemos dos p
e cmo cons
e programac
s habitual es
pantalla. Va
e lo que debe
espondiente
ondiente al
ight="50px" W
dth="125px"
derWidth="1
ight="250px"
arrastrar por
gPanelExtend
"Panel3">
mpatibilidad c
) {
(document.d
eightToCont
muy avanzad
acer aparent
aneles y que
eguir una fu
cin, con ape
s el Panel) y
amos a distin
eremos hace
al contenido
controlador.
Width="125p
BackColor="
">
" Width="125
r toda la pan
der1" runat=
con todos los
documentEle
entHeight);
do y profesio
tar un DropD
e al hacer cli
Tema
ncionalidad
enas dos lne
le aade la
nguir entre e
er clic y arras
o.
.
px">
"Yellow"
5px" BorderC
talla.
"server"
s navegadore
ement.scrollH
onal a nuestr
own donde n
ick sobre uno
ASPN
avanzada, q
eas de cdigo
funcionalida
el controlado
strar para m
olor="black"
es.
Height,
ra pgina, as
no lo hay. Po
o queremos
NET A}AX
que en
o y
ad de
or y el
over
s
or
que
X
apare
(en la
Prop
Tar
Pane
Dro
Ejem
<asp:
Size=
<asp:
famil
Aqu
Por e
<br /
<br /
<asp:
CellP
ForeC
<Sele
<Tod
<Sele
<Wee
<Othe
<Nex
<DayH
<Title
</asp
<br /
Si pus
</asp
<ajax
DropD
10.7
Desc
El Dro
- Aa
- Cre
Por c
senci
ezca el segun
a imagen lo v
piedades
rgetControlID
l, pero pued
opDownContr
mplos
:Label ID="Te
="11px" Style
:Panel ID="Dr
ly:Tahoma; f
puede haber
ejemplo, pon
>
>
:Calendar ID=
Padding="4" D
Color="Black
ectedDayStyl
ayDayStyle B
ectorStyle Ba
ekendDaySty
erMonthDayS
tPrevStyle V
HeaderStyle
eStyle BackC
p:Calendar>
>
siramos el c
p:Panel>
xToolkit:Drop
DownContro
7. DropSh
cripcin
opShadow ex
ade una somb
a un efecto
consiguiente,
lla.
ndo panel de
veremos mej
D: ID del con
e ser cualqu
rolID: El Id d
extLabel" run
="display: bl
ropPanel" ru
font-size: 11
r cualquier c
ngamos un Ca
="Calendar1"
DayNameForm
" Height="18
le BackColor
BackColor="#
ackColor="#C
yle BackColor
Style ForeCo
VerticalAlign=
BackColor="
Color="#9999
calendarios s
pDownExten
lID="DropPan
hadow
xtiende al co
bra, permiti
de redondea
, conseguimo
el mismo mo
jor.
ntrol sobre el
uier cosa.
el Panel que
nat="server"
lock; width:
nat="server"
px; padding
control: img
alendario:
" runat="serv
mat="Shorte
80px" Width=
="#666666" F
#CCCCCC" Fo
CCCCCC" />
r="#FFFFCC"
olor="#808080
="Bottom" />
"#CCCCCC" F
999" BorderCo
sobre un Upd
der runat="s
nel" />
ontrol Panel
ndonos defi
ado del Pane
os dos efecto
odo que apar
l que aplicar
e ser mostra
Text="Ponte
300px; padd
" Style="displ
:5px;">
genes, MultiV
ver" BackColo
st" Font-Nam
"200px">
Font-Bold="T
oreColor="Bla
/>
0" />
>
Font-Bold="T
olor="Black"
datePanel...
server" ID="D
con dos cara
inir tanto su
el.
os muy profe
rece el conte
remos los efe
ado como un
e sobre m" F
ding:2px; pad
lay:none;visi
Views... lo q
or="White" B
mes="Verdan
True" ForeCo
ack" />
rue" Font-Siz
Font-Bold="T
podramos
DDE" TargetC
actersticas
profundidad
esionales de
Tema
enido de una
ectos. Norma
na lista desp
Font-Names=
dding-right:
ibility:hidde
que queris!!
BorderColor=
a" Font-Size=
lor="White"
ze="7pt" />
True" />
hacer marav
ontrolID="Te
muy interesa
d como su os
forma treme
ASPN
a lista desple
almente ser
legable.
="Tahoma" Fo
50px;" />
n; font-
!<br />
="#999999"
="8pt"
/>
villas ;)
extLabel"
antes:
scuridad.
endamente
NET A}AX
egable
un
ont-
X
Prop
Tar
Wid
5.
Opa
corre
valor
Tra
o si v
Rou
a fals
Ejem
<asp:
<div s
En es
El efe
</div
</asp
<ajax
Opac
Width
Targe
Roun
</aja
10.8
El Fil
perm
comb
- Num
- Low
- Upp
- Cus
piedades
rgetControlID
dth: profund
acity: valor d
esponde a tra
r por defecto
ackPosition: l
va a poder se
unded: Si que
se.
mplo
:Panel ID="Pa
style="paddi
ste panel pod
ecto de somb
v>
p:Panel>
xToolkit:Drop
ity="1"
h="5"
etControlID=
ded="true">
axToolkit:Dro
8. Filtere
teredTextBo
mitimos que e
binaciones:
mbers: todos
wercaseLette
percaseLette
tom: los car
D: ID del Pan
idad en pixe
decimal en t
ansparencia
o es 0.5.
lo pondremo
er movido. E
eremos un e
anel1" runat=
ng:5px">
demos poner
breado + bor
pShadowExte
"Panel1"
opShadowEx
dTextBox
ox extiende a
escriba el usu
s los nmeros
ers: letras mi
ers: letras ma
acteres que
nel sobre el q
els de la som
tre 0 y 1 que
total y 1.0 a
os a true si n
n caso contr
efecto de red
="server" Wid
r lo que quer
rdeado es m
ender ID="Dr
tender>
x
al TextBox d
uario. Elegir
s
insculas.
aysculas.
definamos.
que aplicare
mbra. Es un p
e define la op
a completam
uestro pane
rario pondrem
dondeado lo
dth="125px"
ramos.
uy agradable
ropShadowEx
e modo que
remos entre
mos los efec
armetro op
pacidad de la
mente opaco.
l lo hemos d
mos false (o
pondremos a
BackColor="
e a la vista.
xtender1" ru
podemos de
estas config
Tema
ctos.
pcional que p
a sombra, do
Tambin es
efinido con
no ponemos
a true, sino,
"Yellow" Font
nat="server"
efinir qu tip
uraciones y s
ASPN
por defecto v
onde el 0
s opcional y s
posicin abs
s nada).
vale con po
t-Names="Ar
po de caracte
sus mltiple
NET A}AX
vale
su
soluta
onerlo
rial">
eres
s
X
Prop
Tar
Filt
separ
Val
string
Ejem
En nu
y los
<asp:
<ajax
Targe
Filter
Valid
</aja
10.9
Desc
El Ho
cuerp
web p
pode
causa
Prop
Tar
Pop
Hov
Pop
Left,
Off
horiz
Pop
hasta
Ejem
En nu
que c
asign
<asp:
<asp:
Heigh
BackC
Si pre
piedades
rgetControlID
terType: Tipo
rndolos en c
idChars: slo
g con los car
mplo
uestro ejemp
signos mate
:TextBox ID=
xToolkit:Filte
etControlID=
rType="Numb
Chars="+-*/"
axToolkit:Fil
9. HoverM
cripcin
overMenu es
po y el popup
popup apare
mos aplicar
ante de que
piedades
rgetControlID
pupControlID
verCssClass:
pupPostion: l
y sus otros v
fsetX/OffsetY
ontal o en ve
pDelay: la ca
a que aparez
mplo
uestro ejemp
cuando el us
arle cualquie
:Button ID="B
:Panel ID="Pa
ht="50px" Wi
Color="Yellow
esionas sobre
D: ID del Tex
o de filtro de
comas.
o se le har
racteres que
plo vamos a
mticos +,
="TextBox1" r
eredTextBox
"TextBox1"
bers,Custom
" >
teredTextBo
Menu
un extended
p, de modo q
ezca en el lug
una clase CS
aparezca el
D: ID del con
D: ID del cont
clase CSS qu
lugar donde
valores son R
Y: una vez de
ertical con r
antidad de m
zca el popup.
plo, el cuerp
uario vaya a
er propiedad
Button1" run
anel1" runat=
dth="125px"
w" BorderWi
e el botn, s
xtBox sobre e
e entre los q
caso si hemo
considerare
permitir que
-, * y /
runat="serve
xExtender ID
"
oxExtender>
dor aplicable
que cuando
gar en que h
SS al control
popup.
ntrol identific
trol identific
ue se aplicar
aparecer e
Right, Bottom
efinido el Po
respecto a su
milisegundos
. Por defecto
po se corresp
hacer clic s
d al Panel):
at="server" T
="server"
dth="1px" Sc
se recargar
el que vamos
que hemos de
os elegido a
emos vlidos.
e en nuestro
.
er"></asp:Tex
="FilteredTe
e a cualquier
el ratn pase
hayamos espe
web cuerpo
cado como c
cado como p
r al cuerpo
el popup con
m y Center.
opupPosition
u posicin re
que pasarn
o son 100.
ponde con un
obre el bot
Text="Haz cl
crollBars="Au
la pgina.
s a actuar.
efinido prev
Custom co
.
TextBox se
xtBox>
extBoxExtend
r control Web
e sobre el co
ecificado. Ad
o, haciendo v
cuerpo.
opup.
cuando pase
respecto al
n, podemos a
elativa.
entre que n
n botn y el p
n, se muest
lic" />
uto">
Tema
iamente. Lo
omo FilterTy
escriban ni
der1" runat="
b. Vamos a d
ontrol web c
dems, cuan
ver al usuario
emos el ratn
cuerpo. Por
aadir o quit
nos posemos
popup con u
re un mensa
ASPN
s combinare
ype. Ser un
camente n
"server"
distinguir en
cuerpo, el co
ndo esto suce
o que es el
n sobre ste
r defecto val
ar pixels en
sobre el cue
n Panel, de
aje (Podemos
NET A}AX
mos
meros
tre el
ontrol
eda,
.
e
erpo
modo
s
X
</asp
<ajax
Popu
Targe
Popu
Offse
</aja
10.1
Desc
El Mo
ste,
de la
neces
Imagi
pgin
apell
de el
estab
javas
Distin
apell
el for
Prop
Tar
Pop
Bac
efect
Dro
nuest
OkC
OnO
OkC
Om
p:Panel>
xToolkit:Hov
pControlID="
etControlID=
pPosition="R
etX="10">
axToolkit:Ho
10. Moda
cripcin
odalPopup es
conseguimo
pgina. Pod
sidad de sali
inemos que e
na se oscurec
idos... todo
ementos de
ba antes- y re
script que ha
nguiremos en
idos, y el p
rmulario de e
piedades
rgetControlID
pupControlID
ckgroundCssC
to de oscurid
opShadow: le
tro control p
ControlID: el
OkScript: no
CancelID - Th
mCancelScript
verMenuExten
"Panel1"
"Button1"
Right"
overMenuExte
adPopUp
s otro ejemp
os el efecto d
demos emula
ir de la pgin
el usuario pr
ce y aparece
ello sin salir
sta. As pu
ellenar sus d
ayamos defin
ntre el activa
popup, que e
entrada de d
D: ID del con
D: ID del cont
Class: clase C
dad a los ele
e daremos el
popup.
l ID del elem
mbre del scr
he ID of the
t - Script to
nder ID="Hov
ender>
plo de potent
de mostrar c
ar el efecto d
na en que es
resiona el bo
e en el centr
r de la pgin
es, el usuari
datos y presio
nido.
ador, que en
en nuestro ej
datos del usu
ntrol activado
trol popup. T
CSS que se a
mentos sobr
l valor de tru
mento que pr
ript que se a
element tha
run when th
verMenuExte
te funcionali
contenido de
del famoso
stamos ni de
otn Dime t
o un cuadro
a en que est
io puede ele
onar OK, act
n nuestro eje
jemplo se co
uario.
or. Tpicame
Tpicamente
aplicar al fo
re los que no
ue si querem
oduce el efe
activar cuan
at cancels th
he modal pop
ender1" runa
idad en muy
eshabilitando
window.ope
abrir una nu
tu nombre y
donde se pid
tamos y sin p
gir entre can
tivando una
emplo es el b
orresponde co
ente ser un
e ser un Pan
ondo de pant
o vamos a po
mos que se a
ecto de OK d
ndo presione
e modal pop
pup is dismis
Tema
t="server"
pocas lneas
o la interacci
en(...) de ja
ueva ventana
apellidos, d
de el nombre
poder hacer
ncelar -para
llamada a un
botn Dime
on el panel q
Button o un
nel.
talla, por eje
der interact
ada un efec
e nuestro po
emos sobre O
pup
ssed with the
ASPN
s de cdigo.
in con el re
avascript sin
a del navega
de repente l
e y los
nada con el
volver dond
na funcin
e tu nombre
que nos mos
LinkButton.
emplo para d
uar.
cto de sombr
opup.
OK.
e CancelCont
NET A}AX
Con
esto
ador.
a
resto
e
y
trar
.
dar un
ra a
trolID
X
Ejem
En nu
(popu
En nu
<asp:
<asp:
Venta
<br /
<asp:
<asp:
</asp
<ajax
Cance
OkCo
OnCa
OnOk
Popu
Targe
</aja
<scrip
funct
{
alert
}
funct
{
alert
}
</scr
mplo
uestro ejemp
up). Desde
uestro ejemp
:Button ID="B
:Panel ID="Pa
ana emergen
>
:Button ID="B
:Button ID="B
p:Panel>
xToolkit:Mod
elControlID=
ontrolID="But
ancelScript="
kScript="OK()
pControlID="
etControlID=
axToolkit:Mo
pt type="tex
tion OK()
('Has apretad
tion Cancel()
('Has apretad
ript>
plo, el activa
sta actuarem
plo hemos pr
Button1" run
anel1" runat=
nte debida a
Button2" run
Button3" run
dalPopupExte
="Button3"
tton2"
"Cancel()"
)"
"Panel1"
"Button1">
odalPopupExt
xt/javascript
do OK');
)
do Cancel');
ador ser un
mos de forma
resionado OK
at="server" T
="server" Wid
la llamada d
at="server" T
at="server" T
ender ID="Mo
tender>
">
Button que
a diferente s
K
Text="Abrir v
dth="125px"
del botn
Text="OK" />
Text="Cance
odalPopupEx
mostrar un
si presionam
ventana eme
BackColor="
>
l" />
xtender1" run
Tema
na ventana e
mos sobre OK
ergente" />
"yellow">
nat="server"
ASPN
mergente
o sobre Can
NET A}AX
ncel.
X
10.1
Desc
El Mu
la mi
forma
desel
direc
Prop
Tar
Key
Ejem
Traba
que s
l, o
<asp:
<ajax
ID="M
Targe
Key="
<asp:
<ajax
ID="M
Targe
11. Mutua
cripcin
utuallyExclus
sma Key, no
a muy simila
leccionar un
ctamente y h
piedades
rgetControlID
y: clave que
mplo
ajaremos con
slo puede e
ser deselec
:CheckBox ID
xToolkit:Mut
MutuallyExclu
etControlID=
"MSCoderExa
:CheckBox ID
xToolkit:Mut
MutuallyExclu
etControlID=
allyExclu
siveCheckBox
os aseguramo
ar a como fun
CheckBox e
hay que acud
D: ID del che
asociar a v
n 3 CheckBox
star seleccio
ccionado cua
D="CheckBox
uallyExclusiv
usiveCheckbo
"CheckBox1"
amples" />
D="CheckBox
uallyExclusiv
usiveCheckbo
"CheckBox2"
siveCheck
x extiende a
os que slo u
nciona el Ra
s inmediato,
diar a funcion
eckbox que v
varios checkb
x a la vez, a
onado un Che
ando clickem
x1" runat="se
veCheckboxE
oxExtender1
"
x2" runat="se
veCheckboxE
oxExtender2
"
kBox
l control Che
uno de ellos p
dioButton, c
, mientras qu
nes javascrip
vamos a man
boxes.
aplicndoles
eckBox, el c
mos en otro.
rver" Text="O
Extender run
"
rver" Text="O
Extender run
2"
eckBox. Aa
puede estar
con la particu
ue hacerlo a
pt
ejar.
la misma Ke
ual podemos
Opcin A" />
nat="server"
Opcin B" />
nat="server"
Tema
diendo vario
seleccionado
ularidad de q
a un RadioBu
ey en el exte
s deseleccion
>
>
ASPN
os checkboxe
o a la vez, d
que
tton no es p
ndedor, de m
nar clickando
NET A}AX
es con
de
osible
modo
o en
X
Key="
<asp:
<ajax
ID="M
Targe
Key="
10.1
Desc
El Nu
incre
a:
- El s
- Sub
- Llam
decre
Podre
hay p
Prop
Tar
Wid
defec
ignor
Ref
en fo
Tar
incre
Ser
incre
utiliz
Ser
incre
[Web
publi
{}
Tag
pode
Ejem
En nu
inclui
<asp:
"MSCoderExa
:CheckBox ID
xToolkit:Mut
MutuallyExclu
etControlID=
"MSCoderExa
12. Nume
cripcin
umericUpDow
mentan/dec
imple +1/-1
ir o bajar de
mar a un serv
ementamos.
emos asignar
por defecto.
piedades
rgetControlID
dth: anchura
cto (mnimo
rar.
fValues: lista
orma de strin
rgetButtonDo
mentar y de
rviceDownPa
mente o dec
zaremos esta
rviceDownMe
mentar/dec
bMethod]
c int NextVa
g: se corresp
mos utilizar
mplo
uestro sencil
iremos a nue
:TextBox ID=
amples" />
D="CheckBox
uallyExclusiv
usiveCheckbo
"CheckBox3"
amples" />
ericUpDow
wn extiende
crementan e
aritmtico.
entro de un l
vicio Web o
r botones pa
D: ID del Tex
a combinada
25). Si elegi
ado de valore
ng separado p
ownID/Targe
ecrementar.
th/ServiceU
cremente. En
a propiedad.
ethod/Servic
rementar el
alue(int curre
ponde con el
para disting
lo ejemplo,
estro querido
="TextBox1" r
x3" runat="se
veCheckboxE
oxExtender3
"
wn
al control W
l valor de s
listado de va
un mtodo d
ara que haga
xtBox sobre e
del TextBox
mos que otr
es sobre los
por punto y
etButtonUpID
pPath: path
n caso de es
eUpMethod:
TextBox. De
ent, string ta
segundo par
guir qu elem
vamos a viaj
o Plutn.
runat="serve
rver" Text="O
Extender run
3"
Web TextBox
ste. El increm
alores que le
de la pgina
n de increme
el que vamos
x y sus boton
ros botones h
que querrem
coma ;.
D: ID de los b
del servicio
tar trabajan
mtodo que
eber tener
ag)
rmetro del
mento est ll
jar por los p
er" Text="Tie
Opcin C" />
nat="server"
habilitando
mento/decre
e demos.
diferente se
entador/dec
s a actuar.
nes de arriba
hagan esa fu
mos ir subien
botones que
Web al que
do con mto
e ser llamad
la forma:
mtodo al q
lamando al m
lanetas del s
rra" Width="
Tema
>
unos botone
emento pued
egn si incre
crementador
/abajo que v
ncin, est p
ndo y bajand
har la func
llamaremos
odos de pgi
do para
que llamaram
mtodo.
sistema sola
"120" style="t
ASPN
es que
de correspon
ementamos o
r o dejar los
vienen dado
propiedad se
o. Los darem
cin de
cuando se
na no
mos, y lo
r, donde ya
text-
NET A}AX
nder
o
que
s por
e
mos
no
X
align
<cc1:
Targe
RefVa
Servic
</cc1
10.1
Desc
El Pa
orden
quera
prime
pode
El res
Prop
Tar
Clie
Ind
Max
Sep
Sele
negri
Uns
Ejem
Mostr
aplica
<asp:
<asp:
<asp:
<asp:
<asp:
<asp:
<asp:
</asp
<cc1:
Clien
Index
Separ
Targe
</cc1
:center"></a
:NumericUpD
etControlID=
alues="Mercu
ceDownMeth
1:NumericUp
13. Pagin
cripcin
gingBulleted
nacin en cli
amos, al que
eros caracte
r cambiar de
sultado es tr
piedades
rgetControlID
entSort: pod
exSize: Nm
xItemPerPag
parator: El te
ectIndexCssC
ta y/o subra
selectIndexC
mplo
ramos un sim
aremos como
:BulletedList
:ListItem Tex
:ListItem Tex
:ListItem Tex
:ListItem Tex
:ListItem Tex
:ListItem Tex
p:BulletedLis
:PagingBullet
tSort="true"
xSize="1"
rator="-"
etControlID=
1:PagingBulle
asp:TextBox>
DownExtende
"TextBox1" W
urio;Venus;T
hod="" Servic
pDownExtend
ngBulleted
dList extiend
iente. Es dec
e le aplicarem
res) o por n
e ndice sin r
remendamen
D: ID del Bul
emos elegir
mero de carac
ge: Mximo n
exto que sep
Class: Clase
ayado.
CssClass Clase
mple listado c
o ndice de c
t ID="Bulleted
xt="Braulio">
xt="Arturo"><
xt="Sofa"></
xt="Andrs">
xt="Begoa">
xt="Antonio"
st>
tedListExten
"BulletedList
etedListExte
>
er ID="Nume
Width="120"
Tierra;Marte;
ceUpMethod=
der>
dList
de a la Bullet
cir, nosotros
mos el Pagin
mero de ite
recargar.
nte profesion
letedList sob
entre orden
cteres en el
nmero de it
para los ndic
CSS que se a
e CSS que se
con 6 eleme
cabecera el
dList1" runat
></asp:ListIt
</asp:ListIte
/asp:ListItem
></asp:ListIte
></asp:ListIt
></asp:ListIt
nder ID="Pagi
t1">
ender>
ericUpDownE
;Jpiter;Satu
="" TargetBut
tedList confi
tendremos
ngBulletedLis
ems por ndic
nal, fcil de
bre el que va
ar alfabtica
ndice de ca
ems por cad
ces de cabec
aplicar al n
e aplicar a l
entos desorde
primer carc
t="server">
em>
em>
m>
em>
tem>
tem>
ingBulletedL
xtender1" ru
urno;Urano;N
ttonDownID=
rindole pro
el tpico list
st y ste lo p
ce. Todo en
usar y muy m
amos a traba
amente (true
abecera.
da pgina. Pr
cera. Tpicam
ndice elegido
los ndices qu
enados que v
cter.
ListExtender1
Tema
unat="server
Neptuno"
="" TargetBut
opiedades de
ado HTML, t
paginar seg
cliente, por
manejable.
ajar.
e) o no (false
redomina sob
mente ser u
o. Normalme
ue no estn
vamos a orde
1" runat="ser
ASPN
ttonUpID="">
e paginacin
tan largo com
n su ndice
lo que vamo
e).
bre IndexSize
un guin -.
ente se le ap
elegidos.
enar y
rver
NET A}AX
>
y de
mo
(los
os a
e.
licar
X
10.1
Desc
El Pa
nivel
tpico
- Nm
- Exig
- Exig
- Exig
Pode
su pa
- Med
- Med
Adem
contr
Prop
Tar
Disp
valor
Stre
Pre
Pre
de la
Tex
Min
Min
Req
may
Tex
contr
mnim
dbil
Cal
ellos
passw
longit
el 20%
Bar
Bar
Hel
ayuda
Hel
14. Passw
cripcin
sswordStren
de fortaleza
os de fortale
mero total de
gencia de sig
gencia de co
gencia de n
mos elegir y
assword:
diante texto
diante una ba
ms, podemo
rasea.
piedades
rgetControlID
playPosition
res: AboveLe
engthIndicat
eferredPassw
efixText: pre
contrasea.
xtCssClass: c
nimumNumer
nimumSymbo
quiresUpperA
sculas y min
xtStrengthDe
rasea. Ir o
mo de 2 text
;dbil;mejor
culationWeig
debe dar 10
word; por eje
tud de la con
% a la cantid
rBorderCssCl
rIndicatorCss
lpStatusLabe
a.
lpHandleCssC
wordStren
gth es otro e
a que tiene l
eza que defin
e caracteres
gnos.
mbinar may
meros.
y configurar l
100% config
arra que se i
os aadir la o
D: ID del Tex
: posicin re
ft, AboveRig
torType: tipo
wordLength:
efijo a mostra
. Tpicament
clase CSS que
ricCharacter
olCharacters:
AndLowerCas
nsculas.
escriptions: l
rdenado de
tos y un mx
rable;buena;
ghtings: lista
00. Cada valo
emplo 40;2
ntrasea, el
dad de carac
ass: Clase CS
sClass: Clase
elID: ID de la
Class: clase C
ngth
extendedor d
la contrasea
niremos noso
s.
sculas y mi
los dos modo
urable.
ir rellenand
opcin de ay
xtBox sobre e
elativa del in
ght, BelowLe
o de indicado
longitud mn
ar cuando es
te ser Fort
e se aplicar
rs: cantidad m
: cantidad m
seCharacters
listado de te
dbil a fuert
imo de 10. P
;perfecta.
ado de 4 valo
or asigna un
5;15;20 sig
25% a la can
cteres no alfa
SS del borde
CSS del inte
a Label que u
CSS del elem
del TextBox.
a que est e
otros:
nsculas.
os que tenem
do.
yuda, dond
el que vamos
ndicador con
eft, BelowRig
or: Text o Ba
nima que deb
stemos most
taleza= .
al texto que
mnima de c
mnima de sig
s: especifica
exto que se u
te y separad
Por ejemplo:
ores numric
porcentaje d
nifica que e
ntidad de n
anumricos.
e de la barra
erior de la ba
usaremos op
mento que m
. Con l podr
escribiendo, e
mos de mostr
de explicar a
s a trabajar.
respecto al
ght, LeftSide
arIndicator.
bera tener l
rando el tex
e describe la
aracteres nu
gnos (ej.: $ ^
amos si exigim
usar para de
o por punto
: muy
cos separado
de importan
l 40% del pes
meros, el 15
indicadora.
arra indicado
pcionalmente
ostrar el te
Tema
remos mostr
en base a un
rar al usuario
l usuario cm
TextBox. Pu
e, RightSide.
la contrasea
xto que descr
a fortaleza d
umricos.
^ *)
mos la comb
escribir la fo
y coma ;. T
os por ;, do
cia a una ca
so de fortale
5% a mayscu
ora.
e- para most
exto de ayu
ASPN
rar al usuario
nos parmetr
o la fortalez
mo debe ser
uede tomar 6
a.
riba la forta
e la contrase
binacin de
ortaleza de la
Tendr un
onde la suma
racterstica
eza viene de
ulas/minsc
trar el texto
da.
NET A}AX
o el
ros
a de
su
6
leza
ea.
a
a de
del
la
ulas y
de
X
Hel
Pued
Ejem
Veam
<asp:
<cc1:
Displa
Minim
Minim
Prefe
Prefix
Requ
Stren
Targe
TextS
</cc1
10.1
Desc
El Po
funci
Esa v
Web
Por e
lpHandlePosi
e tomar 6 va
mplo
mos qu forta
:TextBox ID=
:PasswordStr
ayPosition="
mumNumeric
mumSymbolC
erredPasswor
xText="Forta
iresUpperAn
ngthIndicator
etControlID=
StrengthDesc
1:PasswordSt
15. Popup
cripcin
pupControl s
onalidad con
ventana eme
(tpicamente
ejemplo, ima
ition: posici
alores: Above
aleza nos asi
="TextBox1" r
rength ID="Pa
rightside"
cCharacters=
Characters="2
rdLength="13
aleza: "
ndLowerCase
rType="Text"
"TextBox1"
criptions="m
trength>
pControl
se puede apl
nsiste en mo
rgente a la
e un panel) y
agnese un Te
n relativa d
eLeft, Above
gna este con
runat="serve
asswordStre
="2"
2"
3"
eCharacters=
"
uy dbil; d
licar a cualq
ostrar una pe
que llamare
y dentro de
extBox en el
del elemento
eRight, Below
ntrol:
er"></asp:Tex
ngth1" runat
"true"
bil; mejorab
uier control
equea venta
emos popup-
l podemos
l que cuando
o de ayuda co
wLeft, Below
xtBox>
t="server"
ble; buena; p
Web al que
ana emergen
puede ser ta
ubicar cualq
o se pone el
Tema
on respecto
wRight, LeftS
perfecta">
e llamaremos
nte con infom
ambin cual
quier cosa.
ratn sobre
ASPN
al TextBox.
Side, RightSi
s cuerpo- y s
macin adicio
quier contro
l, emerja u
NET A}AX
de.
su
onal.
ol
un
X
calen
plasm
Prop
Tar
Pop
Pos
posib
Com
result
modi
opcio
Com
popu
Off
posic
Ejem
Aplic
PopU
Fecha
<asp:
<asp:
<Con
<cent
<asp:
CellP
ForeC
<Sele
<Tod
<Sele
<Wee
<Othe
<Nex
<DayH
<Title
</asp
</cen
</Co
</asp
</asp
<ajax
Targe
Popu
Positi
</aja
ndario sobre
me en el Tex
piedades
rgetControlID
pupControlID
sition: posici
bles sern: Le
mmitPropert
tado del pop
ficar su val
onal.
mmitScript: f
p.
fsetX/OffsetY
cin relativa
mplo
aremos el ej
p.aspx
a: <asp:Text
:Panel ID="Pa
:UpdatePane
tentTemplat
ter>
:Calendar ID=
Padding="1" D
Color="Black
ectedDayStyl
ayDayStyle B
ectorStyle Ba
ekendDaySty
erMonthDayS
tPrevStyle V
HeaderStyle
eStyle BackC
p:Calendar>
nter>
ntentTempla
p:UpdatePan
p:Panel>
xToolkit:Pop
etControlID=
pControlID="
ion="Bottom
axToolkit:Po
el que poda
xtBox.
D: ID del con
D: ID del cont
n relativa e
eft, Right, T
ty: especifica
pup. Por ejem
lue, aunque
funcin java
Y: distancia
del popup co
jemplo propu
tBox ID="Tex
anel1" runat=
el ID="Update
te>
="Calendar1"
DayNameForm
" Width="160
le BackColor
BackColor="#
ackColor="#C
yle BackColor
Style ForeCo
VerticalAlign=
BackColor="
Color="#9999
ate>
nel>
upControlEx
"TextBox1"
"Panel1"
">
pupControlE
mos elegir u
ntrol cuerpo.
trol popup.
en la que apa
Top, Bottom,
a la propieda
mplo, en el c
e tambin po
ascript que se
horizontal/v
on respecto
uesto en 3.1
tBox1" runat
="server" Css
ePanel1" run
" runat="serv
mat="Shorte
0px" OnSelec
="#666666" F
#CCCCCC" Fo
CCCCCC" />
r="#FFFFCC"
olor="#808080
="Bottom" />
"#CCCCCC" F
999" BorderCo
xtender ID="P
Extender>
una fecha y e
arecer el po
Center.
ad del contro
caso de un T
odramos mo
e ejecutar
vertical en p
del cuerpo.
5.1
t="server" Wi
sClass="popu
nat="server">
ver" BackColo
st" Font-Nam
ctionChanged
Font-Bold="T
oreColor="Bla
/>
0" />
>
Font-Bold="T
olor="Black"
PopupContro
en el momen
opup con res
ol cuerpo qu
TextBox, lo n
odificar su W
cuando haya
ixels que aa
idth="80"></
upControl">
or="White" B
mes="Verdan
d="Calendar1
True" ForeCo
ack" />
rue" Font-Siz
Font-Bold="T
olExtender1"
Tema
nto la elijamo
specto al cue
ue se modific
normal es qu
Width, su T
amos dado e
adiremos o q
asp:TextBox
BorderColor=
a" Font-Size=
1 SelectionC
lor="White"
ze="7pt" />
True" />
runat="serve
ASPN
os, sta se
erpo. Sus va
car con el
e queramos
TextMode..
l resultado d
quitaremos a
x>
="#999999"
="8pt"
Changed">
/>
er"
NET A}AX
lores
.. Es
del
a la
X
Popu
prote
{
Popu
}
10.1
Desc
El Re
confi
con t
Adem
onre
postb
(ASP.
Prop
Tar
Han
Res
Min
Max
OnC
OnC
Han
Ejem
<style
.hand
{
width
heigh
backg
overf
curso
}
</sty
<asp:
Elem
</asp
<ajax
Minim
Minim
Maxim
Maxim
pControl.asp
ected void Ca
pControlExte
16. Resiz
cripcin
sizableContr
rindole la p
texto y redim
ms, aade m
esize con lo
backs y sus d
.NET). Tamb
piedades
rgetControlID
ndleCssClass
sizableCssCla
nimumWidth/
ximumWidth
ClientResize
ClientResizin
ndleOffsetX/
mplo
e>
dleText
h:16px;
ht:16px;
ground-imag
flow:hidden;
or:se-resize;
yle>
:Panel ID="Pa
ento que se
p:Panel>
xToolkit:Resi
mumWidth="5
mumHeight="
mumWidth="
mumHeight=
px.cs
alendar1 Se
ender1.Com
ableContr
rol extiende
propiedad de
mensionarlo a
multitud de f
os que podem
dimensiones s
bin podemos
D: ID del con
: clase CSS d
ass: clase CS
/MinimumHe
h/MaximumH
: evento que
ng: evento qu
/HandleOffse
ge:url(images
anel1" runat=
va a redime
izableContro
50"
"20"
"250"
="125"
lectionChang
mit(Calenda
rol
cualquier co
e redimensio
a nuestro gu
funcionalidad
mos crear lg
se pueden ac
s limitar su a
ntrol Web qu
de elemento
S que se apl
eight: anchu
Height: anchu
e se lanzar
ue se lanzar
etY: offsets a
s/HandleGrip
="server" He
ensionar
olExtender ID
ged(object s
r1.SelectedD
ontrol Web (
onamiento. P
sto sin ms q
des, como la
gica complej
cceder desde
anchura y al
e vamos a po
que debemo
icar cuando
ra/altura m
ura/altura m
cuando el el
cuando el
a aplicar sob
p.png);
ight="50px" W
D="Resizable
sender, Even
Date.ToShort
por ejemplo
Podemos, po
que cogerlo
anzamiento d
ja. Su estado
e cliente (ja
tura mxima
oder redime
os coger par
o estemos re
nimas.
mximas.
lemento hay
elemento es
bre el eleme
Width="125p
ControlExten
Tema
ntArgs e)
tDateString(
o un Panel o
r ejemplo, c
con el ratn
de eventos
o se mantien
avascript) y d
as.
ensionar.
a redimensio
edimensionan
ya sido redim
st siendo re
nto redimen
px">
nder1" runat
ASPN
));
una imagen)
coger un Pan
n.
onresizing
ne durante lo
desde servido
onar.
ndo.
mensionado
edimensionad
sionador.
t="server"
NET A}AX
)
nel
y
os
or
do.
X
Hand
Targe
</aja
10.1
Ejem
Aplic
Pode
Prop
Tar
un Pa
Rad
Col
fondo
Ejem
<asp:
Este e
</asp
<ajax
Targe
Radiu
</aja
10.1
Desc
El Slid
desliz
Por e
el val
Pode
movim
leCssClass="
etControlID=
axToolkit:Re
17. Roun
mplo
a un redonde
mos elegir e
piedades
rgetControlID
anel.
dius: radio de
or: color de
o del Panel a
mplo
:Panel ID="Pa
es el panel s
p:Panel>
xToolkit:Rou
etControlID=
us="8">
axToolkit:Ro
18. Slider
cripcin
der es un ex
zador (ver ej
ejemplo se p
lor numrico
mos elegir u
miento del S
handleText"
"Panel1">
sizableContr
dedCorne
eado de los
el radio de re
D: ID del con
e redondeo d
fondo del r
al que perten
anel1" runat=
sobre el que
ndedCorners
"Panel1"
undedCorne
r
xtendedor de
jemplo). Sus
uede sincron
o que represe
un valor mni
Slider puede
rolExtender>
ers
bordes a cua
edondeo.
ntrol Web sob
de las esquin
rea redondea
nece.
="server" Wid
se aplicar e
sExtender ID
rsExtender>
el TextBox, d
s funcionalid
nizar con un
enta.
mo y un valo
ser contnuo
>
alquier contr
bre el que se
nas. Por defe
ada en las es
dth="125px"
el bordeado
D="RoundedC
de modo que
ades son m
TextBox o u
or mximo, a
o o discreto
rol Web (hab
e aplicar el
ecto vale 5.
squinas. Por
BackColor="
.
ornersExten
e al aplicarlo
ltiples.
una Label, de
as como per
(le marcarem
Tema
bitualmente
redondeo. H
defecto se c
"#557755">
der1" runat=
o sobre l, se
e modo que s
rmitir nmer
mos los paso
ASPN
un Panel).
Habitualmen
coge el colo
="server"
e convierte e
se va mostra
ros decimale
os que debe d
NET A}AX
nte es
r de
en un
ando
es. El
dar).
X
Adem
servid
Prop
Min
Max
Dec
Ste
Val
Ena
Han
Rai
Han
Han
Len
exten
Bou
desliz
Rai
botn
Ejem
Mostr
<asp:
<asp:
<ajax
Targe
Boun
10.1
Desc
El Te
que a
rellen
y si n
Su fin
TextB
ms, soporta
dor en modo
piedades
nimum: Valor
ximum: Valo
cimals: Canti
ps: Cuando q
ue: Valor ac
ableHandleA
ndleAnimatio
lCssClass: As
ndleCssClass
ndleImageUR
ngth: Longitu
ndiendo
undControlID
zador.
seChangeOn
n izquierdo d
mplo
ramos lo fci
:TextBox ID=
:TextBox ID=
xToolkit:Slide
etControlID=
dControlID="
19. TextB
cripcin
xtBoxWatem
aparezca un
nado por el u
nos vamos de
nalidad habit
Box.
postbacks e
o AJAX.
r inferior. Po
or superior. P
idad de deci
queramos un
ctual del des
nimation: Ac
onDuration:
signa una cla
: Asigna una
RL: opcionalm
ud del desliz
D: ID del Tex
lyOnMouseU
del ratn.
il que es cre
="TextBox1" r
="TextBox2" r
erExtender I
"TextBox1"
"TextBox2" /
BoxWater
mark extiend
texto (de un
usuari, de m
el textbox sin
tual es la de
incluso lo p
or defecto es
Por defecto 1
imales. Por d
n deslizamien
lizador.
ctiva la anim
duracin en
ase CSS a la v
clase CSS al
mente podem
ador. Por de
tBox o Label
p: Si se activ
ear un Slider.
runat="serve
runat="serve
ID="SliderExt
/>
rmark
e, de nuevo
na clase CSS
modo que cua
n haber escr
e mostrar al u
podemos com
s 0.
100.
defecto no h
nto discreto
macin.
milisegundo
va sobre la
l deslizador.
mos asignar
efecto se cog
l en el que e
va, lanza el
.
er"></asp:Tex
er"></asp:Tex
tender1" run
, al control
especfica) e
ando hagamo
ito nada, el
usuario ciert
mbinar con un
ay.
, marcaremo
os de la anim
que se muev
una imagen
ger la longit
estamos most
evento cha
xtBox>
xtBox>
at="server"
TextBox. Su
en el TextBo
os clic sobre
texto vuelve
ta informaci
Tema
n UpdatePan
os la cantida
macin.
ve el deslizad
al deslizado
tud del Text
trando el va
ange cuando
funcionalida
ox cuando es
ste, ese t
e a aparecer
n antes de
ASPN
nel para viaja
ad de pasos.
dor.
r.
tBox que esta
lor del
o se suelta e
ad consiste e
ste no haya s
exto desapare
r.
rellenar el
NET A}AX
ar al
amos
el
en
sido
ezca,
X
Prop
Tar
Wa
Wa
Ejem
Vamo
qued
hecho
usuar
<asp:
<br /
<asp:
<ajax
Targe
Wate
<ajax
Targe
Wate
10.2
Desc
El To
imge
image
Prop
Tar
Che
Unc
Disa
desha
Disa
desha
piedades
rgetControlID
termarkText
termarkCssC
mplo
os a pedir el
arn los cua
o click sobre
rio para dej
:TextBox ID=
>
:TextBox ID=
xToolkit:Tex
etControlID=
ermarkText="
xToolkit:Tex
etControlID=
ermarkText="
20. Toggl
cripcin
ggleButton e
enes el estad
en especfica
piedades
rgetControlID
eckedImageU
checkedImag
abledChecke
abilitado y e
abledUnchec
abilitado y e
D: ID del Tex
t: Texto que
Class: la clase
nombre de u
dros de text
e el primer T
jarnos escrib
="TextBox1" r
="TextBox2" r
tBoxWaterm
"TextBox1"
"Nombre de
tBoxWaterm
"TextBox2"
"Contrasea"
leButton
extiende al c
do de un Che
a, y su est
D: ID del Che
Url: URL de l
geUrl: URL d
edImageUrl:
en estedo de
ckedImageUr
en estedo de
xtBox que va
se mostrar
e CSS que se
usuario y con
to nada ms
TextBox y de
bir lo que qu
runat="serve
runat="serve
markExtender
usuario" />
markExtender
" />
control Chec
eckBox. Es d
unchecked
eckBox que e
la imagen a m
e la imagen
URL de la im
Checked.
rl: URL de la
UnChecked
amos a exten
cuando no
e aplicar al
ntrasea. En
cargarse la p
inmediato s
eramos.
er"></asp:Tex
er"></asp:Tex
r ID="TextBox
r ID="TextBox
ckBox. Su ni
decir, si el Ch
mostrar ot
extenderemo
mostrar cuan
a mostrar cu
magen a mos
a imagen a m
d.
nder.
haya nada e
TextBox cua
n la primera
pgina; en la
se ha borrado
xtBox>
xtBox>
xWatermark
xWatermark
ica funciona
heckBox est
tra.
os.
ndo el Check
uando el Che
strar cuando
mostrar cuand
Tema
scrito en el T
ando no haya
imagen vem
a segunda im
o el texto N
kExtender1" r
kExtender2" r
lidad consist
checked
kBox est C
eckBox est
el CheckBox
do el CheckB
ASPN
TextBox.
a nada escrit
os cmo
magen hemos
Nombre de
runat="serve
runat="serve
te en sustitu
mostrar una
Checked.
UnChecked
x est
Box est
NET A}AX
to.
s
er"
er"
ir por
a
d.
X
Che
Unc
UnCh
Ima
Ejem
<asp:
<br>
<ajax
runat
Targe
Image
Image
Unch
Chec
Unch
10.2
Desc
El Va
Range
los t
No te
http:
aadi
Prop
Tar
Wid
Hig
Wa
que v
Clo
Ejem
Un ej
<asp:
<asp:
Error
<a hr
Contr
<br />
<asp:
<ajax
eckedImageA
checkedImag
heckedImage
ageHeight/Im
mplo
:CheckBox ID
xToolkit:Togg
t="server"
etControlID=
eWidth="19"
eHeight="19"
eckedImage
kedImageUrl
eckedImageA
21. Valida
cripcin
lidatorCallou
eValidator, C
picos validad
enemos que a
//www.subg
irles el atrib
piedades
rgetControlID
dth: Anchura
ghlightCssCla
rningIconIma
viene por def
seImageUrl:
mplo
jemplo vale m
:TextBox ID=
:RequiredFie
rMessage='M
ref="http://w
rolToValidat
>
:Button ID="
xToolkit:Valid
AlternateTex
geAlternateT
eUrl.
mageWidth: A
D="CheckBox
gleButtonExt
"CheckBox1"
"
Url="ToggleB
l="ToggleBut
AlternateTex
atorCallo
ut es un exte
CustomValid
dores.
aplicar los va
gurim.net/ar
buto Display=
D: ID del Vali
a del Callout
ass: Opcional
ageUrl: Url d
fecto.
Imagen que
ms que mil
="TextBox1"
eldValidator
Mensaje de e
www.esasp.
e="TextBox1
Button1" ru
datorCallout
xt: texto alte
Text: texto a
Altura/Anch
x1" Checked=
tender ID="T
"
Button Unch
tton Checke
xt="No selec
ut
endedor de c
ator...), con
alidadores c
rticulos/asp-
=None y as
idador que s
lmente se pu
del icono que
e produce el
palabras, y e
runat="serve
ID="Require
rror donde p
net">Url cua
1"></asp:Req
nat="server"
Extender run
ernativo de l
alternativo d
ura de la im
="true" Text=
ToggleButton
hecked.gif"
d.gif" Check
ccionado" />
cualquier tip
n el que cons
omo lo hemo
-net-general
signarles el V
se est exten
uede asignar
e muestra la
cierre del Ca
en casos com
er"></asp:Te
dFieldValida
podemos aa
alquiera</a>
quiredFieldV
" Text="Butto
nat="Server"
la imagen de
e la imagen
agen que se
="Mi CheckBo
nExtender1"
kedImageAlte
po de validad
seguimos una
os hecho has
l-articulo48.a
ValidatorCall
ndiendo.
una clase C
alerta. Si no
allout
mo el Callout
extBox>
tor1" runat=
adir todo tip
.'
Validator>
on" />
" ID="Validat
Tema
efinida en Ch
definida en
va a mostra
ox" runat="se
ernateText="
dor (Required
a vista much
sta ahora (ve
aspx), pero c
lout.
SS sobre el C
o se especifi
t mucho ms
="server" Dis
o de HTML,
torCalloutExt
ASPN
heckedImage
ar.
erver"/>
"Seleccionad
dFieldValida
ho ms amab
er
con el detall
Callout.
ica se muest
s:
splay="None
por ejemplo
tender1"
NET A}AX
eUrl.
do"
ator,
ble de
le de
ra el
"
o una
X
TargeetControlID=="RequiredFieldValidatorr1" Width="3 350px" />
Tema ASPN NET A}AX
X
AApliicaccio
Se
W

M
ne
con
eivic
Web
MC
s
n .N
cios
CTS:
Web
NET
3
s
:
b
T
5
Se
Las p
aloja
EL ob
otras
dispo
Imag
de bo
difere
datos
Los se
sistem
Lo n
proto
Cm
x
x
x
Des
El pro
x
x
x
x
http:/
eivici
ginas web s
a la pgina w
bjetivo de los
s aplicaciones
oner de estos
inemos, por
olsa. En lugar
entes bolsas
s en formato
ervicios web
ma operativo
nico que nece
ocolos estnd
mo funcio
El servido
El format
el mismo
XML
Los sistem
preocupa
cualquier
sarrolla u
oceso de des
Los archiv
texto. Se
Studio.
Un servic
Podemos
mtodos
Podemos
navegado
//localhost/w
os W
slo permite
web.
s servicios we
s sin interfaz
s servicios w
ejemplo, qu
r de integrar
, la aplicaci
o XML.
b estn dbilm
o o del lengu
esitamos par
dar de la ind
onan los s
or del servici
to de datos c
estndar ab
mas de los do
an del SO, el
r extremo de
un servic
sarrollar un s
vos de cdig
pueden crea
cio Web est
s pensar en u
se muestran
s probar fcil
or:
websites/sto
Web
en la interacc
eb es crear a
z de usuario.
web puede inc
ue estamos c
r la base de d
n puede com
mente acopl
uaje de progr
ra crear un s
ustria, HTTP
servicios
o Web y la a
con el que se
bierto. Este e
os extremos
modelo de o
e la conexin
io Web
servicio web
go que forma
ar y editar co
definido po
un servicio w
n a los client
lmente un ar
ockTickerInLi
cin entre un
aplicaciones
Si somos los
crementar e
reando un si
datos final, c
municarse co
ados y son c
ramacin usa
servicio web
P, SOAP y XM
s Web
aplicacin cli
e comunican
estndar casi
de la conex
objetos o el l
n.
es casi idnt
an las pgina
on cualquier
r su archivo.
web como en
es a travs d
rchivo .asmx
ine.asmx
n navegador
basadas en w
s desarrollad
normement
itio web para
on todas las
on sus servici
completamen
ado en el ser
es que el ser
ML.
ente estn c
los dos extre
i siempre ser
in estn d
lenguaje de p
tico a desarr
s web y los s
editor de te
asmx
una clase en
de Internet
introducien
cliente y el s
web que inte
dores de una
e nuestra pr
a una empre
bases de da
ios web, inte
nte independ
rvidor o en e
rvidor y el cl
onectados a
emos de la c
r SOAP, bas
bilmente aco
programaci
rollar una pg
servicios son
xto y tambi
n la que algu
ndo su URL e
Seivi
servidor Web
eraccionen c
a pgina web
roductividad
esa de corred
tos de las
ercambiando
dientes del
el cliente.
iente admita
Internet
conexin cum
sado en texto
oplados. No
n usado en
gina web:
archivos de
n con el Vis
unos de los
n cualquier
icios Web
b que
con
b,
.
dores
o
an los
mplen
o,
se
ual
b
El p
Antes
Un pr
la llam
el pro
el cd
sera
El pro
llama
de re
una s
todo
Para
client
sus fi
existe
Crea
El con
otro s
SOAP
La cla
consu
La ap
del cl
hacer
proxy
Crea
Abrim
crear
servic
El arc
proxy
s de que una
roxy es un su
mada a trav
otocolo y el f
digo para ser
mucho trab
oxy est regi
adas al mto
ealizar nuestr
solicitud SOA
y lo muestra
que esto fun
te que se est
rmas. El pro
entes, sin ca
ar el Con
nsumidor de
servicio web
P.
ase proxy se
umidora.
plicacin con
liente. Una v
r el cliente p
y, como si fu
ar un ser
mos un nuev
rn variosarc
cios web. El a
chivo consta
a aplicacin c
ustituto del c
s de los lmi
formato ade
rializar y env
ajo. EL proxy
strado por la
do, como si
ras llamadas
AP. Cuando e
a a la aplicac
ncione, un pr
t desarrolla
pietario del
mbiar su firm
nsumidor
e un servicio
b. Lo nico ne
compila en u
sumidora re
vez que se cr
ara usar el s
era una llam
rvicio we
o sitio web d
chivos y direc
archivo que
de una sola
cliente pued
cdigo real a
ites del equi
cuados y, no
viar datos ad
y lo hace por
a aplicacin c
estuviera lla
, envolverlas
el servidor de
in cliente c
rogramador
ndo. Este re
servicio web
ma, y el prox
r
web puede s
ecesario es q
un ensambla
cibe el nomb
eado y regist
ervicio web
mada sobre u
eb sencill
de tipo servic
ctorios, aunq
se crea por d
lnea
a utilizar un
al que querem
po. Las solici
ormalmente
ecuados al s
r nosotros.
cliente, A co
mando a un
s en el forma
evuleve el pa
omo si proce
debe crear e
gistro es una
b puede aad
xy existente n
ser una aplic
que el consu
ado, que deb
bre de client
trado el prox
es realizar u
n objeto loc
lo
cio web. Al ig
que los detal
defecto es u
servicio web
mos llamar.
itudes al serv
SOAP y / o H
servicio web
ntinuacin, l
objeto local
ato adecuado
aquete al clie
ediera de un
el proxy y reg
a lista de los
dir nuevos m
no fallar.
cacin de esc
midor pueda
be estar regis
e, y el proxy
xy con el clie
na llamada a
al.
gual que en
les especfic
n archivo co
b, debemos c
Es el respons
vicio Web de
HTTP. Podra
nosotros mi
la aplicacin
. Elproxy hac
o y enviarlas
ente, el proxy
n mtodo de
gistrarlo con
mtodos we
mtodos web
critorio, una
a enviar y rec
strado con la
se encuentr
ente, lo nico
al mtodo so
un sitio web
os sern dife
n la extensi
Seivi
crear un prox
sable de red
eben cumplir
mos escribir
smos, pero e
cliente reali
ce todo el tra
s al servidor c
y lo decodifi
un objeto lo
la aplicacin
eb expuestos
o actualizar
pgina web
cibir paquete
a aplicacin
ra en el equi
o que tiene q
obre ese obje
normal, se
erentes para
n .asmx
icios Web
xy.
irigir
r con
r todo
eso
iza
abajo
como
ca
ocal.
n
s y
r los
u
es
po
que
eto
los
b
<%@ W
Por s
using
using
using
using
using
[WebS
[WebS
// Pa
quite
// [S
publi
{
p
compo
}
[
p
}
}
El cd
deriv
y We
En la
Este m
aplica
using
using
using
using
using
[WebS
[WebS
WebService L
u parte, el a
g System;
g System.Col
g System.Lin
g System.Web
g System.Web
Service(Name
ServiceBindi
ara permitir
e la marca d
System.Web.S
ic class Ser
public Servi
//Elimin
onentes dise
//Initia
}
[WebMethod]
public strin
return "
}
digo oculto c
a de la clase
bServiceBind
clase Service
mtodo inclu
aciones cons
g System;
g System.Col
g System.Lin
g System.Web
g System.Web
Service(Name
ServiceBindi
Language "C#
rchivo de c
lections.Ge
nq;
b;
b.Services;
espace "ht
ng(Conforms
r que se llam
de comentari
cript.Servi
rvice : Syst
ce () {
nar la marca
eados
alizeCompone
ng HelloWorl
Hello World
contiene una
System.We
ding.
e hay un m
uye el atribu
sumidoras.
lections.Ge
nq;
b;
b.Services;
espace "ht
ng(Conforms
" CodeBehind
digo oculto s
neric;
tp://tempuri
To WsiProf
me a este se
o de la lne
ces.ScriptSe
em.Web.Servi
de comentar
nt();
d() {
";
a clase, que r
b.Services.W
todo estnd
to WebMeth
neric;
tp://tempuri
To WsiProf
d "~/App Cod
se crea en un
i.org/")]
files.BasicP
ervicio web
ea siguiente
ervice]
ices.WebServ
rio de la l
recibe su nom
WebService. E
ar llamado H
hod, que ide
i.org/")]
files.BasicP
de/Service.c
n subddirect
Profile1 1)]
desde un sc
e.
vice
nea siguien
mbre del arc
Esta clase tie
HelloWord, q
entifica este m
Profile1 1)]
cs" Class "S
orio llamado
cript, usand
nte si utili
chivo de serv
ene dos atrib
que devuelve
mtodo com
Seivi
ervice" %>
o App_Code
do ASP.NET A
za los
vicio web, qu
butos, WebSe
e una cadena
mo disponible
icios Web
JAX,
ue
ervice
a.
e ara
b
// Pa
quite
// [S
publi
{
/
mayo
s
{
}
p
{
compo
}
[
p
/
{
}
[
p
{
}
}
Dire
<%@ W
Sustit
ara permitir
e la marca d
System.Web.S
ic class Ser
//Matriz de
de 2005
string[,] st
{
{"MSFT",
{"DELL",
{"HPQ","
{"YHOO",
{"GE","G
{"IBM","
{"GM","G
{"F","Fo
};
public Servi
{
//Elimin
onentes dise
//Initia
}
[WebMethod]
public doubl
//Dado un si
{
for (int
if (
return 0
}
[WebMethod]
public Strin
{
for (int
{
if (
}
return "
}
ectiva W
WebService L
tuye a Page e
r que se llam
de comentari
cript.Servi
rvice : Syst
simbolos y p
tocks
"Microsoft"
"Dell Compu
Hewlett Pac
"Yahoo","34
General Elec
Internation
General Moto
ord Motor Com
ce()
nar la marca
eados
alizeCompone
e GetPrice(
mbolo de va
t i 0; i <
String.Comp
return Conv
;
ng GetName(s
t i 0; i <
String.Comp
return stoc
Simbolo no
ebServic
Language "C#
en aspx
me a este se
o de la lne
ces.ScriptSe
em.Web.Servi
precios de a
,"25.30"},
ters","34.83
kard","20.47
.50"},
tric","36.20
al Business
rs","26.68"
mpany","9.11
de comentar
nt();
string Stock
lor, devuelv
stocks.GetL
are(StockSym
ert.ToDouble
tring StockS
stocks.GetL
are(StockSym
ks[i, 1];
encontrado";
ce
" CodeBehind
ervicio web
ea siguiente
ervice]
ices.WebServ
accin. los
3"},
7"},
0"},
Machine","7
},
12"}
rio de la l
kSymbol)
ve su precio
Length(0); i
mbol, stocks
e(stocks[i,
Symbol)
Length(0); i
mbol, stocks
;
d "~/App Cod
desde un sc
e.
vice
precios de
76.38"},
nea siguien
o
i++)
s[i, 0], tru
2]);
i++)
s[i, 0], tru
de/Service.c
cript, usand
las accione
nte si utili
ue) 0)
ue) 0)
cs" Class "S
Seivi
do ASP.NET A
es son del 1
za los
ervice" %>
icios Web
JAX,
de
b
Der
En el
opcio
x
x
x
Esta
Se tie
[WebM
p
{
}
[
p
{
}
Atri
Defin
prede
asoci
para
Atri
Cada
x
x
Pro
Por d
antes
comp
desac
[Web
Pro
[Web
rivar de l
ejemplo ant
onal, pero of
Applicatio
User
Context (
ado de la
ene acceso a
Method]
public void
{
Applicat
}
[WebMethod]
public strin
{
return A
}
ibuto We
ne un conjun
etermianda,
ados con un
identificar v
ibuto We
mtodo que
Ser decla
Tener el a
opiedad B
defecto, ASP.
s de enviarla
portamiento
ctivar esta m
bMethod(Buf
opiedad C
bMethod(Cac
a clase W
terior la clase
rece ventaja
on y Session
(Informacin
a aplicaci
l objeto App
SetStockExc
tion["exchan
ng GetStockE
Application[
ebService
to de operac
que incluye
a vinculacin
inculaciones
ebMethod
e queramos
rado como p
atributo Web
BufferRes
.NET almace
desde el ser
ptimo. Sin
memoria inte
fferResponse
CacheDur
cheDuration
WebServi
e Service her
as:
n del invocad
n media
plication med
hange(string
ge"] Excha
xchange()
"exchange"]
eBinding
ciones espec
todos los m
n no predete
s no predeter
d
mostrar al co
pblico.
bMethod an
sponse
na en la mem
rvidor al clie
embargo, si
rmedia, asig
e=false)]
ration
=30)]
ce
reda de Web
dor)
ante Http
diante el obje
g Exchange)
ange;
.ToString();
g
cfico.Una cla
todos web
erminada. El
rminadas.
onsumidor d
tes de la dec
moria interm
nte. EN casi
la respuesta
gnando a la p
bService. Der
pContext
eto HttpCont
;
ase WebServ
de la clase q
atributo We
debe:
claracin del
media toda la
todos los cas
a es muy larg
propiedad Bu
rivar de Web
t
text.
vice tiene una
que no estn
ebServiceBin
mtodo
a respuesta a
sos, ste es e
ga, quizs qu
ufferRespons
Seivi
bService es
a vinculacin
especficam
ding se utiliz
a una solicitu
el
ueramos
se false.
icios Web
n
mente
za
ud,
b
Pro
Cade
el nav
[Web
Pro
[We
p
{
}
Pro
POde
firma
Los se
causa
[WebM
Messa
p
{
}
[
simbo
p
{
}
Doc
http://
<?xml
- <discover
xmlns:
<contractR
docRe
xmlns=
<soap add
bindin
<soap add
bindin
opiedad D
na descriptiv
vegador.
bMethod(De
opiedad E
ebMethod(Des
public int H
{
if (Sess
{
Sess
}
else
{
Sess
}
return (
}
opiedad M
emos tener m
a. Cada firma
ervicios web
ada por tene
Method(Descr
ageName "G
public doubl
{
return 0
}
[WebMethod(D
olo especifi
public doubl
{
return 0
}
cumentos
/localhost:4974
version="1
ry xmlns:xsi="h
:xsd="http://w
Ref ref="http:
ef="http://loc
="http://sche
dress="http://
ng="q1:Overlo
dress="http://
ng="q2:Strock
Descripti
va. Aparecer
scription=D
EnableSes
cription
HitCounter()
ion["HitCou
ion["HitCou
ion["HitCou
(int)Sessio
MessageN
ms de un m
a nica puede
b no permite
er ms de un
ription "D
GetValuePort
e GetValue(
;
Description
cado", Mess
e GetValue(
;
s de Desc
43/Servicioweb
1.0" encodi
http://www.w
www.w3.org/
//localhost:49
alhost:49743/
emas.xmlsoap.
/localhost:497
oadedGetValue
/localhost:497
kTickerSoap" x
on
r en la pgin
Devuelve el p
ssion
"NUmero de h
nter"] nu
nter"] 1;
nter"] ((i
n["HitCounte
Name
todo con e
e ser invocad
n sobrecarga
mtodo con
evuelve el v
folio")]
string Stock
"Devuelve
ageName "G
string Stock
cubrimie
b/Service.asmx?
ng="utf-8"
w3.org/2001/X
2001/XMLSch
9743/Servicio
/Servicioweb/
.org/disco/scl
743/Serviciow
e" xmlns="http
743/Serviciow
mlns="http://
na de ayuda
precio de sto
hits por ses
ull)
int)Session
er"]);
l mismo nom
da de formai
a. La propied
n el mismo n
valor de los
kSymbol)
el valor de
GetValueStoc
kSymbol, int
ento
?disco
?>
XMLSchema-in
hema" xmlns="
oweb/Service.
/Service.asmx
l/" />
web/Service.as
://schemas.x
web/Service.as
schemas.xmls
del servicio W
ck para el sm
sion", Enabl
["HitCounter
mbre en la cla
independien
dad Message
ombre.
s usuarios e
e los usuari
ck")]
t NumShares)
nstance"
http://schem
asmx?wsdl"
x"
smx" xmlns:q1=
mlsoap.org/d
smx" xmlns:q2=
soap.org/disco
Web cuando
mbolo de en
leSession
r"]) + 1;
ase C#. Se di
nte. (Sobreca
eName elimin
en un simbol
ios comparti
as.xmlsoap.or
="http://temp
isco/soap/" />
="http://temp
o/soap/" />
Seivi
o lo probemo
trada)]
true)]
ferencian po
arga)
na la ambig
o especific
dos en un
rg/disco/">
puri.org/"
>
puri.org/"
icios Web
os en
or su
edad
ado",
b
<soap add
bindin
<soap add
bindin
</disco
Imp
Como
Se
Cream
Debe
aad
est s
http:/
Tras c
web c
[Sitio
dress="http://
ng="q3:Overlo
dress="http://
ng="q4:Strock
overy>
plementa
o la de una p
eivici
mos un nuev
emos propor
e una refere
sirviendo de
//localhost/s
crear el direc
consumidor.
o Web][Agreg
/localhost:497
oadedGetValue
/localhost:497
kTickerSoap12
acin
pgina web c
os w
vo sitio web
cionar una re
encia web a n
sde un direc
servicioweb/
ctorio virtua
.
gar referenci
743/Serviciow
e1" xmlns="htt
743/Serviciow
" xmlns="http:
cualquiera.
eb ue
eferencia pa
nuestro clien
ctorio virtual
/service.asm
l, podemos a
ia Web]
web/Service.as
p://schemas.
web/Service.as
://schemas.xm
e Con
ara el servicio
nte. Puede ag
.
mx
agregar el se
smx" xmlns:q3=
xmlsoap.org/
smx" xmlns:q4=
mlsoap.org/di
nsumo
o web (en co
gregar a un s
ervicio comor
="http://temp
disco/soap/"
="http://temp
sco/soap/" />
o
oncreto al pro
servicio web
referencia w
Seivi
puri.org/"
/>
puri.org/"
>
oxie). VS200
si este servi
web para un s
icios Web
8
cio se
sitio
b
Se a
Tamb
<appS
</app
Agreg
local
adir una ca
bin ha apare
Settings>
<add key
pSettings>
ga una refere
lhost.Strock
Label2.T
arpeta App_W
ecido en el w
"localhost.
encia
kTickerSoap p
Text "Web
WebReferen
web.config
service" va
proxy new
Service reto
nces, que se m
alue "http:/
localhost.S
orna " + pro
mostrar en
/localhost/s
StrockTicker
oxy.HelloWor
el explorado
servicioweb/
rSoap();
rd();
Seivi
or de solucio
/service.asm
icios Web
ones.
mx"/>
b

ASP NET Framework 3 5

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

ASP NET Framework 3 5

Cargado por

Copyright:

Formatos disponibles

AApliicac

HTTP, Protocolo de Transferencia de Hipertexto

recibe en el otro lado.

enviar el encabezado de Host.

Enlaces a servicios Web XML

3. En Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.

Visita guiada por Visual Web Developer

x Barras de herramientas. Proporcionan los comandos que permiten dar formato al

4. En el men Ver, haga clic en el Explorador de soluciones.

Crear una pgina web ASP.NET

8. Haga clic en Agregar.

Visual Web Developer inicia el servidor de desarrollo de ASP.NET. En la barra de herramientas

Procesar Ficheros de Configuracin

El Sitio Web Herramienta de administracin le permite crear y modificar la configuracin del

Especifica si el seguimiento est habilitado o no para una aplicacin.

Habilitar seguimiento a una pgina

El modelo de objetos de los controles de servidor HTML se relaciona estrechamente con el de

Controles de Servidor Web

Ciclo de Vida de una pgina web y sus Controles

Para explicarlo mejor, veamos un sencillo ejemplo:

de tipos de datos que te hayas inventado t (siempre que sean Serializables).

de los controles y establecer las conexiones a bases de datos.

Controles de Servidor Web o Controles de Servidor HTML?

<input type="submit" id="Enter" value="Enter" runat="server" />

Visible Oculta o hace visible al control

protected void myButton ServerClick(object sender,System.EventArgs e)

Enabled Activar o desactivar el control

Dentro de un contenedor de controles, cada control debe ser identificable inequivocamente.

predeterminada, se establece la propiedad TextMode del control en TextBoxMode.SingleLine,

D. Double click the control.

<! Filler >

<h3><font face "Verdana">Handling Page Navigation</font></h3>

<asp:Label ID="Label1" Text="Hello" Runat="server" />

También podría gustarte