ASP (Active Server Pages)

Informática. Programación Web. Redes. Cliente. Servidor. Visual. Dinámica. XML (Extensible Markup Language). Formulario. Bases de datos. Orientada objetos. HTTP (Hypertext Transfer Protocol). SQL (Structured Query Language). Redes. NET

  • Enviado por: Scrabish
  • Idioma: castellano
  • País: España España
  • 104 páginas
publicidad

ASP.NET

TEMA 1: PRIMEROS PASOS

PROCESAMIENTO DINÁMICO

Internet se basa en el modelo cliente-servidor.

Modelo petición - respuesta:

Un equipo contiene información (servidor) y otro solicita la información (cliente). Es estático. No puede proporcionar información dinámica o procesamiento. (HTML)

Un equipo contiene información (servidor) y otro solicita la información (cliente) dinámicamente. (ASP). El servidor analiza la información antes de enviarla.

Modelo controlado por eventos:

El servidor espera a que algo ocurra en el cliente para entrar en acción y ejecutar alguna tarea. (ASP.NET)

ASP.NET sabe lo que ocurre en el cliente porque se basa en el procesamiento en el cliente para simular un modelo controlado por eventos.

Procesamiento en el cliente

Código de programación en una página HTML que el explorador web ejecuta.

<html>

<head>

<script language="JavaScript">

<!--

alert("¡Hola, chicos!");

-->

</script>

</head>

<body>

¡Bienvenidos a mi clase!

</body>

</html>

Las etiquetas <script> encierran una porción de código que contiene comandos para el cliente, conocida como secuencia de comandos.

Hay dos lugares para ejecutar el código: en el servidor, donde todo se devuelve como HTML y en el cliente. Estos dos lugares para el código son distintos y no tienen relación entre sí.

En el cliente:

No se procesa en el servidor. Se escribe en secuencias de comandos que indican al cliente que haga algo. Se usa para realizar efectos dinámicos en el cliente como cuadros de mensaje.

En el servidor:

Se ejecuta sólo en el servidor. Todo se convierte en HTML o XML antes de enviarlo al cliente. Se utiliza para procesar resultados y devolver datos.

Cómo enlaza ASP.NET los elementos

ASP.NET sabe lo que ocurre en el cliente porque éste se comunica con el servidor mediante una petición.

A través de las secuencias de comandos en el cliente, ASP.NET proporciona información de lo que éste hace durante las peticiones.

Ejemplo:

Vas a una biblioteca y el bibliotecario en todo momento sabe lo que necesitas, si te caes te trae una venda, si quieres leer te trae un libro, si tienes sed, agua… ¿Cómo lo sabe? Tiene una red de espías que no dejan de observarte aunque tú no lo sepas. Los espías son las secuencias de comandos en el cliente.

CREACIÓN DE PÁGINAS ASP.NET

<%@ Page Language="VB" %>

<script runat="server">

Sub Page_Load(obj as object, e as eventargs)

lblMensaje.Text = "¡Recíbeme con alegría soy tu profe de ASP.NET!"

End sub

</script>

<html><body>

<asp:Label id="lblMensaje" runat="server"/>

</body></html>

Un archivo sencillo, se puede escribir en un editor o en un block de notas. Hay que guardarlo en la carpeta inetpub/root. Para visualizarla en el explorador: http://localhost/nombreCarpeta/NombrePagina.aspx.

ELEMENTOS DE UNA PÁGINA ASP.NET

<%@ Page Language="VB" %>

Directiva de página que da la información específica a la página ASP.NET. Nos dice que el lenguaje usado es Visual Basic.

<script runat="server">

Sub tbMensaje_Change(Sender As Object, E As EventArgs)

lblMensaje.Text = "Hola, " + tbMensaje.Text + "."

End Sub

</script>

Bloque de declaración de código. Se parece al código en el lado del cliente, pero incluye la etiqueta runat="server". Éste es el código que ASP.NET utiliza para procesar sus páginas y es donde controlaremos la funcionalidad de la página.

Es mejor colocarlo entre las etiquetas <head> … </head> auque pueden colocarse en cualquier parte de la página.

<html><body>

Empieza la página HTML

<font size="5">Aprendiendo ASP.NET

Lección 2</font><hr><p>

<% Response.Write("Nuestra primera página<p>") %>

Éste es el bloque proveedor de código, empieza con <% . Contiene instrucciones que se usan para producir un resultado. Muestra un texto en pantalla. Se van a usar con moderación porque no son compilados.

<form runat="server">

Tenemos un elemento HTML, pero con la etiqueta runat=”server”. Este formulario se convierte en formulario web. Todo lo que contenga será “vigilado” por ASP.NET.

Por favor, teclea tu nombre:

<asp:textbox id="tbMensaje" OnTextChanged="tbMensaje_Change" runat=server/>

<asp:button id="btSubmit" Text="Enviar" runat=server/><p>

<asp:label id="lblMensaje" font-size="20pt" runat=server/>

Éstos son controles web. Funcionan de forma similar a los controles HTML, pero pueden usar ASP.NET. Llevan la etiqueta runat=”server”

</form>

</body></html >

ASP y ASP.NET son totalmente distintos pero pueden operar en conjunto. Esto quiere decir que el servidor web puede procesar tanto páginas ASP como ASP.NET.

EJERCICIO

Realizar una página que nos muestre un saludo por pantalla.

TEMA 2: CREACIÓN DE PÁGINAS ASP.NET

UNA APLICACIÓN SENCILLA

<%@ Page Language="VB" Debug="True" %>

<%@ Page Language="c#" Debug="True" %>

<script runat="server">

Sub tbMensaje_Change(Sender As Object, E As EventArgs)

lblMensaje.Text = "Hola, " + tbMensaje.Text + "."

End Sub

</script>

<script runat="server">

public void tbMensaje_Change (Object sender, EventArgs E)

{

lblMensaje.Text = "Hola, " + tbMensaje.Text + ".";

}

</script>

<html><body>

<font size="5">Aprendiendo ASP.NET Lección 2</font><hr><p>

<% Response.Write("Nuestra primera página<p>") %>

<% Response.Write("Nuestra primera página<p>"); %>

<form runat="server">

Por favor, teclea tu nombre:

<asp:textbox id="tbMensaje" OnTextChanged="tbMensaje_Change" runat=server/>

<asp:button id="btSubmit" Text="Enviar" runat=server/><p>

<asp:label id="lblMensaje" font-size="20pt" runat=server/>

</form>

</body></html >

Obtiene un valor del usuario y lo despliega con un saludo. No se ha establecido una acción en el formulario, por lo que retorna a sí mismo.

<asp:textbox>,<asp:button>, <asp:label> son controles de servidor.

El atributo id es un nombre único que damos al control.

Todas las etiquetas deben tener apertura y cierre. Si no vamos a poner nada entre ellas podemos ponerlo así <asp:textbox/>. Sin la etiqueta de cierre ASP.NET producirá errores.

El cuadro de texto tiene el atributo OnTextChanged=”tbMensaje_Change”. Tiene un evento que es TextChanged. Hemos indicado a ASP.NET que ejecute el procedimiento tbMensaje_Change cuando ocurra ese evento. Estos eventos se controlan en el servidor.

BLOQUES DE DECLARACIÓN DE CÓDIGO

<script runat="server">

Sub tbMensaje_Change(Sender As Object, E As EventArgs)

lblMensaje.Text = "Hola, " + tbMensaje.Text + "."

End Sub

</script>

<script runat="server">

public void tbMensaje_Change (Object sender, EventArgs E)

{

lblMensaje.Text = "Hola, " + tbMensaje.Text + ".";

}

</script>

La etiqueta <script> se utiliza en secuencias de comandos del cliente. Delimita una sección de la página que la aplicación manejará de forma dinámica, conocida como bloque de declaración de código. No se convierte en HTML dentro de la página, si no que contiene código que será ejecutado por el servidor. No olvidar incluir runat=”server”.

Es mejor separar el bloque <script> tanto como sea posible del código de presentación o de HTML.

<% Response.Write("Nuestra primera página<p>") %>

Es equivalente a poner <%="Nuestra primera página<p>" %>

FLUJO DE PÁGINA

La primera vez que se solicita la página desde el explorador web ASP.NET compilará el código que esté en los bloques de declaración. Por esto el explorador tarda en mostrar la página. Sin embargo, si se solicita una segunda vez sin modificar el código no habrá retardo alguno. Pero si se modifica algo ASP.NET volverá a compilar la página.

Una vez que se envía el formulario y se compila el código, ASP.NET empieza a procesar todo el código que hemos generado y cualquier evento que haya ocurrido. En el ejemplo, el evento TextChanged ocurrió cuando se tecleó algo en la caja de texto. El motor de ASP.NET explora este evento, determina que debe hacer y lo hace.

En ese momento, ASP.NET convierte cualquier control en elemento HTML. Luego evalúa cualquier bloque proveedor de código y devuelve el HTML necesario.

Por último, el HTML resultante se envía al explorador web, que recibe sólo HTML estándar. Por lo que cualquier explorador web puede mostrar la página.

ESTADO VISUAL

Describe el aspecto de un objeto en un momento determinado. Por ej. Si un botón está o no pulsado. Una aplicación que lleve el control de esta información se conoce como estado de conservación.

Si llenamos un formulario HTML y volvemos a él después, es posible que esté vacío. Esto es porque web es un medio sin estado.

ASP.NET lleva automáticamente un control del estado visual. Esto quiere decir que si rellenamos un formulario HTML y volvemos a él después los datos estarán allí.

ASP.NET hace esto al devolver campos ocultos de formulario HTML siempre que indicamos runat=”server” en el formulario.

COMO ESCRIBIR CÓDIGO DE ASP.NET Y HTML

Hay dos formas de escribir código de ASP.NET: en los bloques de declaración de código o en los bloques proveedores de código. Es mejor el primer método.

También hay varias formas de escribir HTML puro mediante ASP.NET, como con Response.Write o con la etiqueta <%=.

Debemos: Separar el código ASP.NET del HTML tanto como podamos mediante bloques de declaración de código.

No debemos: Utilizar bloques proveedores de código para intercalar código o resultados HTML (con Response.Write) cuando otro método cumpla mejor con el trabajo.

COMENTARIOS EN EL CÓDIGO

Hay tres formas de comentar el código:

<!- - y - - > Para comentar sólo el código HTML.

` (apóstrofo) con Visual Basic

// /* comentario */ con c#

<%- - y - - %> comentarios para el servidor

COMO SE DIVIDE EN VARIAS LÍNEAS

Con Visual Basic:

<% Response.Write _

(“hola”) %>

<% Response.Write (“Te estoy “ & _

“saludando”) %>

Con C#: No se hace nada especial.

COMO IMPORTAR ESPACIOS DE NOMBRES

<%@ Import Namespace=”System.Drawing” %> para VB

<%@ Import Namespace="System.Data" %> para c#

Importa todas las clases del espacio de nombre System.Drawing, como font e image.

De forma predeterminada, se importan automáticamente los siguientes a todas las páginas ASP.NET:

System

System.Collections

System.IO

System.Web

System.Web.IU

System.Web.IU.HtmlControls

System.Web.IU.WebConstrols

TEMA 3: USO DE OBJETOS EN ASP.NET

EL OBJETO RESPONSE

Permite la interacción del servidor con el cliente.

Cuando un usuario solicita una página asp.net genera una instancias del objeto HttpResponse, el cual contiene información (propiedades y métodos) necesaria para comunicarse con el cliente. El nombre de la instancia es Response, de modo que podrá utilizar este nombre para acceder a las propiedades y métodos del objeto HttpResponse.

El método Write

<%@ Page Language="VB" %>

<script runat="server">

Sub Page_Load(obj as object, e as eventargs)

Dim i As Integer

Response.Write("Éste es un ejemplo")

Necesita una cadena como parámetro

Response.Write("<HR width=100%>")

For i = 1 To 5

Response.Write("<font size=" & i & ">¡Hola!<br></font>")

Next

End Sub

</script>

<html><body>

</body></html>

<%@ Page Language="c#" %>

<script runat="server">

public void Page_Load (Object sender, EventArgs E)

{

int i;

Response.Write("Éste es un ejemplo");

Response.Write("<HR width=100%>");

for ( i = 1;i<5;i++)

{

Response.Write("<font size=" + i + ">¡Hola!<br></font>");

}

}

</script>

<html><body>

</body></html>

VB.Net realiza cierta conversión de tipos de datos automáticamente. La conversión de un integer a string podría servir como ejemplo. Es por ello que se puede utilizar Response.Write (6).

Pero c# no realiza la misma conversión automáticamente, por lo tanto, usar Response.Write (6) produciría un error. Hay que usarlo así:

Response.Write (int.ToString(6))

COMO ALMACENAR PAGINAS EN EL BUFER

El almacenamiento en el búfer permite controlas en qué momento se enviará el resultado al explorador web.

Cuando se almacena el resultado en el búfer, no se envía nada al explorador web mientras no se ejecute todo el código. Este es el método predeterminado en asp.net.

El almacenamiento en el búfer es un buen acelerador de rendimiento. Para desactivarlo:

BufferOutput=false.

<% Response.Buffer=False %>

Para controlar el búfer métodos Clear, Flush y End.

Clear: vacía el búfer

Flush: envía inmediatamente al explorador lo que hay en el búfer

End: evita que response envíe algo nuevo al explorador, sólo se envía la salida que haya actualmente en el búfer.

EJERCICO: ANALIZAR LA SALIDA DE ESTE PROGRAMA

<%@ Page Language="VB" %>

<script runat="server">

Sub Page_Load(obj as object, e as eventargs)

Dim i As Integer

Response.Write("Antes de vaciar<br>")

Response.Flush()

For i = 0 To 5000

' Sólo para perder el tiempo

Next

Response.Write("Luego de vaciar, antes de limpiar<br>")

Response.Clear()

For i = 0 To 5000

' Sólo para perder el tiempo

Next

Response.Write("Luego de limpiar, antes de finalizar <br>")

Response.End()

For i = 0 To 5000

' Sólo para perder el tiempo

Next

Response.Write("Luego de finalizar<br>")

End Sub

</script>

<html><body>

</body></html>

<%@ Page Language="c#" %>

<script runat="server">

public void Page_Load (Object sender, EventArgs E)

{

int i;

Response.Write("Antes de vaciar<br>");

Response.Flush();

For (i = 0;i<500;i++)

{

// Sólo para perder el tiempo

}

Response.Write("Luego de vaciar, antes de limpiar<br>");

Response.Clear();

For (i = 0;i<500;i++)

{

// Sólo para perder el tiempo

}

Response.Write("Luego de limpiar, antes de finalizar <br>");

Response.End();

For (i = 0;i<500;i++)

{

// Sólo para perder el tiempo

}

Response.Write("Luego de finalizar<br>");

}

</script>

<html><body>

</body></html>

VER BUFFER.ASPX

COMO REDIRIGIR A LOS USUARIOS

Método Rediret.

<%@ Page Language="VB" %>

<script runat="server">

Sub Page_Load(obj as object, e as eventargs)

Response.Redirect(http://www.marian.com)

End Sub

</script>

<html><body>

¡Hola!

</body></html>

Cuando un usuario esta página, será enviado inmediatamente a www.marian.com y nunca verá el mensaje de saludo.

Por ejemplo, es un método muy útil para enviar a un usuario a algún lugar de acuerdo con su login y su password capturados en un formulario.

EL OBJETO REQUEST

Permite la interacción del explorador web con el servidor. El explorador envía información al servidor cuando solita una página. Cuando esto ocurre, se genera un objeto HttpRequest para tratar con la información enviada. Este objeto se llama Request. El objeto request representa la petición de un cliente, y el servidor web envía una respuesta utilizando los objetos request y response.

COMO AVERIGUAR LA INFORMACIÓN DEL CLIENTE

Una función del objeto Request es obtener informació personal a través del explorador web, por ejemplo, lo que ha capturado un usuario en un formulario o los valores de cadena de consulta, por ejemplo, http://www.marian.com?id=yo&edad=33

La cadena de consulta, ?id=yo&edad=33, presenta los datos en forma de pares de valor, clave. El primer par siempre está precedido de la ? y los siguientes separados por &.

Esta cadena es útil para pasar información de una página a otra.

Response.Redirect (“mipagina.aspx?id=yo”)

Sólo se pueden reconocer hasta 255 caracteres en esta cadena.

Request.Querystring devuelve “id=yo&edad=33”

Request.Querystring(“id”) devuelve “yo”

Request.Form devuelve todos los campos de un formulario

Request.Form (nombre) devuelve un valor indicado por nombre

Tanto las propiedades Querystring como Form representan colecciones de información.

Otras colecciones utilizadas por Request son ServerVariables y Cookies. La primera devuelve información del servidor, como la IP o el protocolo http. La segunda devuelve información de las coookies.

Variables de entorno

URL .... el url de la página asp.net empezando después del servidor y nombre de dominio, después de http://www.marian.com/

PATH_INFO lo mismo que url

PATH_TRANSLATED Toda la ruta física de asp.net en el servidor.

SERVER_NAME El nombre del servidor web

SERVER_SOFTWARE El nombre del software del servidor web. (Microsoft IIS 5.0)

EL OBJETO HttpCookie

Una cookie es un pequeño archivo en la computadora del usuario que contiene información específica para un sitio web.

El objeto HttpCookie ofrece métodos para acceder y generar esas cookies. La forma común de manejar las cookies es mediante los objetos Request y Response, los cuales cuentan con una propiedad Cookies que devuelve una referencia a un objeto HttpCookie.

COMO GENERAR COOKIES

Dos formas de hacerlo:

Generar varias cookies, cada una con un valor en particular, o puede generar una cookie con diversos pares de clave, valor.

Para vb:

Response.Cookies(“MiCookie”).Value=”Una cookie”

Response.Cookies(“MiCookie2”) (“Usuario”)=”yo”

Response.Cookies(“MiCookie2”) (“edad”)=”33”

En c#con [] en lugar de ()

Propiedad Expires para que la cookie quede inhabilitada cuando le digamos:

Response.Cookies(“MiCookie2”).Expires=DateTime.FromString(“1/1/2005”)

Response.Cookies(“MiCookie2”).Expires=DateTime.Now.AddMonths(1)

Para suprimir una cookie del cliente establecer expires a una fecha anterior o a 0.

Propiedades:

Domain: Restringe el uso de la cookie al dominio que le indiquemos.

Path: Similar a Domain, pero solo permite el acceso a la cookie a las páginas ASP.Net que se encuentren en una ruta específica del servidor.

HasKeys:Indica si esta cookie tiene claves o es una cookie con un único valor.

Secure: Indica a Asp.net si debe o no transmitir la cookie de forma segura, es decir, sólo bajo el protocolo HTTPS. El valor predeterminado es false.

COMO ACCEDER A LAS COOKIES

Utilizar el objeto Request

Response.Write (Request.Cookies (“Micookie”).Value)

Response.Write (Request.Cookies (“Micookie2”).(“Usuario”))

Para iterar por las claves de la cookie. La mayor parte del código se encuentra en el controlador de eventos Page_Load.

<%@ Page Language="VB" %>

<script runat="server">

Sub Page_Load(obj as object, e as eventArgs)

Dim strVariable As String

' Establezco algunos valores de cookie

Response.Cookies("temp").Value = "HI"

Response.Cookies("CookieDe21la")("Nombreusuario") = "Tania"

Response.Cookies("CookieDe21la")("Preferencia") = _

"800x640"

Response.Cookies("CookieDe21la")("Contrasenia") = _

"QueInteresanteCookie"

Response.Cookies("CookieDe21la")("UltimaVisita") = _

DateTime.Now.ToString

Response.Cookies("CookieDe21la")("UserAgent") = _

Request.ServerVariables("HTTP_USER_AGENT")

Devuelve el valor del user Agent (Ej. Mozilla/4.0)

Devolvemos los valores de las cookies con ayuda de un bucle for... each.

for each strVariable in Response.Cookies _

("CookieDe21la").Values

Label1.Text += "<b>" & strVariable & "</b>: " & _

Request.Cookies("CookieDe21la")(strVariable) & "<br>"

next

end sub

</script>

<html><body>

<form runat="server">

<asp:Label id="Label1" runat="server"/>

</form>

</body></html>

<%@ Page Language="c#" %>

<script runat="server">

public void Page_Load (Object sender, EventArgs E)

{

string strVariable;

Response.Cookies["temp"].Value = "HI";

Response.Cookies["CookieDe21la"]["Nombreusuario"] = "Tania";

Response.Cookies["CookieDe21la"]["Preferencia"] = "800x640";

Response.Cookies["CookieDe21la"]["Contrasenia"] = "QueInteresanteCookie";

Response.Cookies["CookieDe21la"]["UltimaVisita"] = DateTime.Now.ToString;

Response.Cookies["CookieDe21la"]["UserAgent"] =

Request.ServerVariables("HTTP_USER_AGENT");

foreach (strVariable in Response.Cookies ["CookieDe21la"].Values)

{

Label1.Text += "<b>" + strVariable + "</b>: " +

Request.Cookies["CookieDe21la"](strVariable) + "<br>";

}

}

</script>

<html><body>

<form runat="server">

<asp:Label id="Label1" runat="server"/>

</form>

</body></html>

MÁS SOBRE COOKIES

Escritura de las cookies

Para escribir una cookie se utiliza la propiedad Response de la página, que muestra un objeto que permite agregar datos a la información que la página envía al explorador. El objeto Response admite una colección llamada Cookies, a la que agregará las cookies que desee escribir en el explorador.

Se pueden agregar cookies a la colección Response.Cookies de dos maneras diferentes. En el siguiente ejemplo se muestran dos métodos para realizar esta tarea:

Response.Cookies("userName").Value = "mike"

Response.Cookies("userName").Expires = DateTime.Now.AddDays(1)

Dim aCookie As New HttpCookie("lastVisit")

aCookie.Value = DateTime.Now.ToString

aCookie.Expires = DateTime.Now.AddDays(1)

Response.Cookies.Add(aCookie)

Response.Cookies["userName"].Value = "mike"

Response.Cookies["userName"].Expires = DateTime.Now.AddDays(1)

Para crear una cookie con subclaves, puede utilizar una variación de la sintaxis que se utiliza para escribir una cookie individual. En el siguiente ejemplo se muestran dos formas de escribir la misma cookie, ambas con dos subclaves:

Response.Cookies("userInfo")("userName") = "mike"

Response.Cookies("userInfo")("lastVisit") = DateTime.Now.ToString

Response.Cookies("userInfo").Expires = DateTime.Now.AddDays(1)

Dim aCookie As New HttpCookie("userInfo")

aCookie.Values("userName") = "mike"

aCookie.Values("lastVisit") = DateTime.Now.ToString

aCookie.Expires = DateTime.Now.AddDays(1)

Response.Cookies.Add(aCookie)

Response.Cookies["marian"]["BackColor"]="#99ccff";

Response.Cookies["marian"]["ForeColor"]="#0000cc";

Response.Cookies["marian"]["LinkColor"]="#ffcccc";

Response.Cookies["marian"]["FontSize"]="12pt";

Response.Cookies["marian"]["FontName"]="Comic Sans MS";

Response.Cookies["marian"].Expires=DateTime.Now.AddMonths(1);

<%@ Page Language="c#" %>

<script runat="server">

public void Page_Load(Object obj,EventArgs e)

{

HttpCookie aCookie = new HttpCookie("userInfo");

aCookie.Values["userName"] = "mike";

aCookie.Values["lastVisit"] = DateTime.Now.ToString();

aCookie.Expires = DateTime.Now.AddDays(1);

Response.Cookies.Add(aCookie);

}

</script>

Limitar las cookies a una carpeta o aplicación

Para limitar las cookies a una carpeta del servidor, establezca la propiedad Path de éstas tal como se describe a continuación:

Dim appCookie As New HttpCookie("AppCookie")

appCookie.Value = "Escrita " & Now.ToString

appCookie.Expires = Now.AddDays(1)

appCookie.Path = "/Application1"

Response.Cookies.Add(appCookie)

Limitar el ámbito de las cookies a un dominio

De forma predeterminada, las cookies se asocian a un determinado dominio. Por ejemplo, en el sitio www.contoso.com, las cookies que escriba se enviarán al servidor cuando los usuarios soliciten cualquier página de este sitio. (Excepto las cookies con un valor de ruta específico, tal como ya hemos visto en el apartado anterior a éste). Si el sitio contiene subdominios — por ejemplo, contoso.com, ventas.contoso.com y soporte.contoso.com — podrá asociar las cookies a un determinado subdominio. Para ello, establezca la propiedad Domain de la cookie de la siguiente forma:

Response.Cookies("domain").Value = DateTime.Now.ToString

Response.Cookies("domain").Expires = DateTime.Now.AddDays(1)

Response.Cookies("domain").Domain = "support.contoso.com"

Cuando el dominio se establece de este modo, la cookie únicamente estará disponible para las páginas del subdominio que se haya especificado.

También puede utilizar la propiedad Domain para crear una cookie que puedan compartir varios subdominios. Por ejemplo, establezca el dominio como se muestra a continuación:

Response.Cookies("domain").Value = DateTime.Now.ToString

Response.Cookies("domain").Expires = DateTime.Now.AddDays(1)

Response.Cookies("domain").Domain = "contoso.com"

Lectura de las cookies

Cuando un explorador realiza una solicitud al servidor, envía junto con ésta las cookies para el servidor. En las aplicaciones ASP.NET, puede leer las cookies mediante la utilización del objeto Request. La estructura del objeto Request es básicamente la misma que la del objeto Response, por lo que puede leer las cookies del objeto Request de un modo muy similar a cómo las escribió en el objeto Response. Los siguientes ejemplos muestran dos modos de obtener el valor de una cookie llamada "userName" y mostrarlo en un control Label:

If Not Request.Cookies("userName") Is Nothing Then

Label1.Text = Server.HtmlEncode(Request.Cookies("userName").Value)

End If

If Not Request.Cookies("userName") Is Nothing Then

Dim aCookie As HttpCookie = Request.Cookies("userName")

Label1.Text = Server.HtmlEncode(aCookie.Value)

End If

Antes de intentar obtener el valor de una cookie, debe asegurarse de que ésta existe. De lo contrario, obtendrá una excepción System.NullReferenceException. Observe igualmente que realizo una llamada al método HttpServerUtility.HtmlEncode para codificar el contenido de una cookie antes de mostrarla en la página. El motivo para que proceda de ese modo es que estoy mostrando el contenido de una cookie (algo que generalmente no se hace) y quiero asegurarme de que un usuario malintencionado no haya introducido secuencias de comandos ejecutables.

Asimismo, el valor de una subclave de una cookie se lee de un modo similar a como se configura. Esta es una forma de obtener el valor de una subclave:

If Not Request.Cookies("userInfo") Is Nothing Then

Label1.Text = _

Server.HtmlEncode(Request.Cookies("userInfo")("userName"))

Label2.text = _

Server.HtmlEncode(Request.Cookies("userInfo")("lastVisit"))

End If

Lectura de las colecciones de cookies

En los ejemplos anteriores se asume que desea leer una determinada cookie cuyo nombre ya conoce. Puede que en ocasiones deba leer todas las cookies disponibles para la página. Para leer los nombres y valores de todas estas cookies puede recorrer la colección Request.Cookies utilizando código como éste:

Dim i As Integer

Dim output As String = ""

Dim aCookie As HttpCookie

For i = 0 to Request.Cookies.Count - 1

aCookie = Request.Cookies(i)

output &= "Nombre de cookie = " & Server.HtmlEncode(aCookie.Name) & "<br>"

output &= "Valor de cookie = " & Server.HtmlEncode(aCookie.Value) & _

& "<br><br>"

Next

Label1.Text = output

Request.Cookies["marian"]["FontSize"]

Request.Cookies["marian"].Value

Nota Cuando ejecute este código, probablemente verá una cookie llamada "ASP.NET_SessionId". Se trata de una cookie que ASP.NET utiliza para almacenar un identificador único para su sesión y que no se guardará en el disco duro de su equipo.

Comprobar si un explorador acepta cookies

Sub Page_Load()

If Not Page.IsPostBack Then

If Request.QueryString("AcceptsCookies") Is Nothing Then

Response.Cookies("TestCookie").Value = "ok"

Response.Cookies("TestCookie").Expires = _

DateTime.Now.AddMinutes(1)

Response.Redirect("TestForCookies.aspx?redirect=" & _

Server.UrlEncode(Request.Url.ToString))

Else

labelAcceptsCookies.Text = "Aceptar cookies = " & _

Request.QueryString("AcceptsCookies")

End If

End If

End Sub

EJERCICIO:

Mediante el uso de Cookies personalizar la página del cliente.

'{ASP}'

Al pulsar “personalizar” aparece:

'{ASP}'

Seleccionamos y mostramos el resultado:

'{ASP}'

(Solución ejercicio Tema3-cookies-mariancookies)

EL OBJETO PAGE

Contiene todas las propiedades y métodos de toda la página asp.net que genere. Cuando ejecutamos una página asp.net ésta heredará de la clase Page del .NET Framework

Herencia: Una clase define algunos parámetros y métodos para los objetos que se basen en ella. Cuando genere otra clase que se herede de la principal, también heredará sus miembros. También podemos generar sus propios miembros en la clase secundaria.

Las páginas asp.net son los objetos secundarios del objeto Page. Cualquier método o propiedad que defina en la página asp.net se convertirá en miembro del objeto basado en su página. Esto significa que si genero otra página podré acceder a los métodos y propiedades de la primera.

Miembros útiles integrados:

IsPostBack: Indica si un formulario de esta página fue enviado a la misma.

DataBind: Enlaza todas las expresiones de datos a los controles de la página.

Evento Load: Se desencadena cuando la página comienza a cargarse en el explorador.

Eventos:

Init: este evento es lanzado cuando la página es inicializada, cuando es lanzado este evento todavía no se han creado por completo los distintos controles de la página. Este evento es tratado en el método Page_Init.

Load: este evento se lanzaría a continuación del método Init y es lanzado cuando la página se ha cargado, en este caso todos los controles de la página ya han sido creados. Este evento se lanzará cada vez que la página ASP .NET es ejecutada. Este evento es tratado en el método Page_Load.

PreRender: el evento se lanzará justo antes de enviar la información al cliente. Este evento es tratado en el método Page_PreRender, y siempre es lanzado después del evento Load.

UnLoad: este otro evento se lanzará en último lugar, y tiene lugar cuando la página ha finalizado de procesarse, es decir, cuando se ha terminado la ejecución de la página y toda la información ha sido enviada al cliente. Este evento es tratado en el método Page_UnLoad.

Error: este evento se lanzará cuando se produzca una excepción no tratada dentro de la página. El método Page_Error se utilizará cuando deseemos realizar nuestro propio tratamiento de errores, esto lo veremos más en detalle en el capítulo dedicado al tratamiento de errores y depuración.

Propiedades:

IsPostBack: esta propiedad de la clase Bolean devolverá true si la página ASP .NET actual ya ha sido enviada al servidor en alguna ocasión. Si tiene el valor false indicará que la página es la primera vez que se carga y nos servirá de indicador para poder inicializar los controles Web de la página o bien realizar otras labores de inicialización.

Application: esta propiedad nos va a ofrecer una referencia a un objeto de la clase System.Web.HttpApplicationState, este objeto nos va a permitir almacenar y acceder a información que va a ser común a toda la aplicación Web, es decir, es una información compartida por todos los clientes de una aplicación Web determinada. Esta propiedad es equivalente al objeto integrado Application de anteriores versiones de ASP.

Uso del evento Page_Load. Analiza este código

<%@ Page Language="VB" %>

<script runat="server">

Sub Page_Load(obj as object, e as eventArgs)

tbMyText.Value = "¡Éste es el evento Page_Load!"

End Sub

</script>

<html><body>

<form runat="server">

<input type="text" size="25"

id="tbMyText" runat="server" />

</form>

</body></html>

<%@ Page Language="c#" %>

<script runat="server">

public void Page_Load (Object sender, EventArgs E)

{

tbMyText.Value = "¡Éste es el evento Page_Load!";

}

</script>

<html><body>

<form runat="server">

<input type="text" size="25"

id="tbMyText" runat="server" />

</form>

</body></html>

En el evento Load se verifica la identidad del usuario, se cargan los datos de una base de datos y se redirige al usuario, por ejemplo.

Ejemplo de formatos de fechas correctas para DateTime:

<%@ Page Language="VB" %>

<script runat="server">

sub Page_Load(obj as object, e as eventArgs)

Dim Ahora as DateTime = DateTime.Now

Dim intHora as Integer = Ahora.Hour

Label1.Text = "En este momento son " & _

Ahora.ToString("d") + "<p>"

Label1.Text += Ahora.ToString("D") + "<p>"

Label1.Text += Ahora.ToString("f") + "<p>"

Label1.Text += Ahora.ToString("F") + "<p>"

Label1.Text += Ahora.ToString("g") + "<p>"

Label1.Text += Ahora.ToString("G") + "<p>"

Label1.Text += Ahora.ToString("m") + "<p>"

Label1.Text += Ahora.ToString("r") + "<p>"

Label1.Text += Ahora.ToString("s") + "<p>"

Label1.Text += Ahora.ToString("t") + "<p>"

Label1.Text += Ahora.ToString("T") + "<p>"

Label1.Text += Ahora.ToString("u") + "<p>"

Label1.Text += Ahora.ToString("U") + "<p>"

Label1.Text += Ahora.ToString("y") + "<p>"

Label1.Text += Ahora.ToString("dddd, MMMM dd yyyy") + "<p>"

Label1.Text += Ahora.ToString("ddd, MMM d ""'""yy") + "<p>"

Label1.Text += Ahora.ToString("dddd, MMMM dd") + "<p>"

Label1.Text += Ahora.ToString("M/yy") + "<p>"

Label1.Text += Ahora.ToString("dd-MM-yy") + "<p>"

if intHora < 12 then

Label1.Text += "¡Buenos días!"

elseif intHora > 12 And intHora < 18 then

Label1.Text += "¡Buenas tardes!"

else

Label1.Text += "¡Buenas noches!"

end if

end sub

</script>

<html><body>

<form runat="server">

<asp:Label id="Label1" runat="server"/>

</form>

</body></html>

Ejercicio:

Mostrar al usuario distintos mensajes dependiendo de la hora a la que se conecte, en C#

Solución Tema3-fechas

Archivo Global.asax

Además de escribir código para interfaces de usuario, los programadores también pueden agregar lógica del nivel de aplicación y código de control de eventos a sus aplicaciones Web. Este código no se encarga de generar interfaces de usuario y no se invoca normalmente en respuesta a solicitudes de páginas individuales. En vez de ello, se encarga de procesar eventos de la aplicación de nivel superior, tales como Application_Start, Application_End, Session_Start, Session_End, etc. Los programadores crean esta lógica mediante un archivo Global.asax ubicado en la raíz del árbol de directorios virtuales de una aplicación Web. ASP.NET analiza y compila automáticamente este archivo para producir una clase dinámica de .NET Framework, la cual extiende la clase base HttpApplication (la primera vez que se activa o se solicita cualquier recurso o URL dentro del espacio de nombres de la aplicación).

ASP.NET analiza y compila dinámicamente el archivo Global.asax para producir una clase de .NET Framework la primera vez que se activa o se solicita cualquier recurso o URL dentro del espacio de nombres de la aplicación. El archivo Global.asax está configurado para rechazar automáticamente cualquier solicitud de URL directa de modo que los usuarios externos no puedan descargar o ver el código interno.

Eventos cuyo ámbito es una sesión o una aplicación

Los programadores pueden definir controladores para eventos de la clase base HttpApplication creando métodos en el archivo Global.asax que se ajusten al modelo de nomenclatura "NombreDeEventoDeLaAplicación(FirmaDeArgumentosDelEvento)". Por ejemplo:

<script language="C#" runat="server">

void Application_Start(object sender, EventArgs e)

{

// Application startup code goes here

}</script>

Si el código de control de eventos necesita importar espacios de nombres adicionales, se puede utilizar la directiva @ import en una página .aspx, como se indica a continuación:

<%@ Import Namespace="System.Text" %>

El siguiente ejemplo ilustra el período de vida de Application, Session y Request.

Ver ejemplo Tema3-global

La primera vez que se abre la página, se provoca el evento Start para la aplicación y la sesión:

void Application_Start(object sender, EventArgs e) {

// Application startup code goes here

}

void Session_Start(object sender, EventArgs e) {

Response.Write("Session is Starting...<br>");

Session.Timeout = 1;

}

Los eventos BeginRequest y EndRequest se provocan en cada solicitud. Cuando la página se actualiza, sólo aparecen mensajes de BeginRequest, EndRequest y el método Page_Load. Observa que, al abandonar la sesión actual (hacer clic en el botón "Finalizar esta sesión"), se crea una nueva sesión y se provoca de nuevo el evento Session_Start.

Sub Application_Start(Sender As Object, E As EventArgs)

' Application startup code goes here

End Sub

Sub Session_Start(Sender As Object, E As EventArgs)

Response.Write("Session is Starting...<br>")

Session.Timeout = 1

End Sub

function Application_Start(sender:Object, E:EventArgs) : void {

// Application startup code goes here

}

function Session_Start(sender:Object, e:EventArgs) : void {

Response.Write("Session is Starting...<br>");

Session.Timeout = 1;

}

EL OBJETO SESSION

Debido a que Web es un medio sin estado es difícil llevar un control de la información del usuario. No hay forma de utilizar http para saber si una serie de peticiones proviene de un usuario o de varios.

El objeto Session permite almacenar elementos propios de un usuario, como variables, objetos, cadenas...) en un solo lugar del servidor. Al tiempo que un usuario pasa en un sitio se le conoce como sesión.

Explicar este código:

<%@ Page Language="VB" %>

<%@ Page Language="c#" %>

<script runat="server">

Sub Enviar_Click(obj as object, e as EventArgs)

If tbNombre.Value <> ""

Session("Nombre") = tbNombre.Value

Response.Write("¡Hola, " & Session("Nombre") & "!")

Else

Response.Write("Olvidó capturar un nombre.")

End if

End Sub

public void Enviar_Click (Object sender, EventArgs E)

{

if(tbNombre.Value != "")

{

Session["Nombre"] = tbNombre.Value ;

Response.Write("¡Hola, " + Session["Nombre"] + "!") ;

}

else

{

Response.Write("Olvidó escribir un nombre.");

}

}

</script>

<html><body>

<form runat="server">

Por favor, teclee su nombre:

<input type="text" id="tbNombre" runat="server"/>

<p>

<asp:Button id="btEnviar" text="Enviar"runat="server" OnClick="Enviar_Click" />

</form>

</body></html>

COMO RECUPERAR VARIABLES DE SESSION

<%@ Page Language="VB" %>

<script runat="server">

sub Page_Load(obj as object, e as eventArgs)

Etiqueta1.Text = "¡Bienvenido de vuelta " & Session("Nombre") & "!"

end sub

</script>

<html><body>

<form runat="server">

<asp:Label id="Etiqueta1" runat="server"/>

</form>

</body></html>

<%@ Page Language="c#" %>

<script runat="server">

public void Page_Load(Object obj, EventArgs e)

Etiqueta1.Text = "¡Bienvenido de vuelta " + Session["Nombre"] + "!" ;

}

</script>

<html><body>

<form runat="server">

<asp:Label id="Etiqueta1" runat="server"/>

</form>

</body></html>

Ver ejemplo - tema3\sesion\ejemploSesion

¿Cómo logra asp.net llevar un control de las sesiones? Cuando un usuario visita el sitio e inicia sesión, el equipo genera un identificador único para él que almacena en el equipo cliente en forma de cookie.

Response.Write(Session.SessionID)

Cuando la sesión expire se eliminará la cookie.

CONTROL DE SESSION

Timeout: Tiempo que puede estar inactiva una sesión antes que asp.net la deje. 20 minutos es el valor predeterminado.

Para modificarlo: Session.Timeout= x donde x es el tiempo en minutos

Session.Abandon: hace que la sesión termine.

USO DE SESSION

Se usa como cualquier matriz.

<%@ Page Language="VB" %>

<script runat="server">

Sub Page_Load(obj as object, e as eventArgs)

Dim strVariable As String

' Establezco algunas variables de sesión

Session("Nombre") = "Tania"

Session("ColorFavorito") = "Naranja"

Session("ColorOjos") = "Café"

Session("UnMensaje") = "Bienvenido a mi mundo."

Session("ASPNET") = "¡Es a genial!"

For Each strVariable In Session.Contents

Label1.Text += "<b>" & strVariable & "</b>: " & _

Session(strVariable) & "<br>"

Next

End Sub

</script>

<html><body>

<form runat="server">

<asp:Label id="Label1" runat="server"/>

</form>

</body></html>

<%@ Page Language="C#" %>

<script runat="server">

public void Page_Load(object obj, eventArgs e){

string strVariable;

' Establezco algunas variables de sesión

Session["Nombre"] = "Tania"

Session["ColorFavorito"]= "Naranja"

Session["ColorOjos"] = "Café"

Session["UnMensaje"] = "Bienvenido a mi mundo."

Session["ASPNET"] = "¡Es genial!"

foreach (strVariable In Session.Contents){

Label1.Text += "<b>" + strVariable + "</b>: " + Session[strVariable] + "<br>"

}

}

</script>

<html><body>

<form runat="server">

<asp:Label id="Label1" runat="server"/>

</form>

</body></html>

Si el usuario no soporta cookies asp.net coloca el identificador de la sesión cifrado en cada vínculo de la página.

Es posible almacenar los datos con ámbito de sesión a fin de proporcionar datos individuales a un usuario durante una sesión. En el ejemplo siguiente se inicializan los valores de preferencias de usuario en el evento Session_Start del archivo Global.asax.

void Session_Start() {

Session["BackColor"] = "beige";

...

}

Se modifican los valores de las preferencias de usuario en el controlador de eventos Submit_Click con la información aportada por el usuario.

protected void Submit_Click(Object sender, EventArgs e) {

Session["BackColor"] = BackColor.Value;

...

}

Configurar el estado de una sesión: es posible configurar las características del estado de una sesión en la sección <sessionState> de un archivo web.config. Para doblar el tiempo de espera predeterminado de 20 minutos, se puede agregar el código siguiente al archivo web.config de una aplicación:

<sessionState timeout=”40” />

Protected GetStyle(key As String) As String

Return(Session(key).ToString())

End Sub

protected function GetStyle(key:String) : String {

return Session(key).ToString();

}

Sub Session_Start()

Session("BackColor") = "beige"

...

End Sub

function Session_Start() : void {

Session("BackColor") = "beige";

...

}

EJERCICIO:

Realizar el mismo ejercicio de las cookies pero con variables de sesión.

Solución:tema3-sesion-mariansesion1

EL OBJETO HttpApplication

Aplicación: Conjunto de archivos que hay en un directorio virtual y sus subdirectorios.

ASP.net genera un objeto HttpApplication llamado Application cuando arranca su aplicación, es decir, cuando alguien solicita la página por primera vez.

Sólo se genera un objeto Application para toda la aplicación. Al igual que Session puede usarse para almacenar variables y objetos. Por ejemplo un pie de página que vamos a colocar en cada página.

Application(“pie”)=”Derechos de autor 2004”

Escribiríamos en cada página:

Response.Write(Application(“pie”))

EL OBJETO HttpSeverUtility

Podemos utilizar el nombre Server para acceder a los miembros de este objeto.

COMO REDIRIGIR A LOS USUARIOS

Con el objeto Response.

Con los métodos Execute y Transfer del objeto HttpSeverUtility.

Server.Transfer lleva la ejecución a otra página.

If (strContraseña == “micontraseña”) Server.Transfer(“PuedoEntrar.aspx”)

Server.Execute lleva la ejecución de asp.net as otra página, pero regresa a la misma cuando termine. Esto es útil si se necesita ejecutar cierto código en otra página (como un procesamiento de datos) pero continuar en la misma página.

COMO DAR FORMATO A LAS CADENAS

Cuando envíe alguna salida al explorador, será interpretada como HTML.

Response.Write (“<br>”)

Si en lugar de un salto de línea quiero que aparezca <br> usaré el método HtmlEncode del objeto HttpServerUtility. Esto daría como resultado &lt;br&gt; y el usuario vería <br> en el explorador.

UrlEncode hace algo similar, pero da formato a una cadena en particular con las reglas URL. Por ejemplo el & y ? tienen un significado especial en un url.

Server.HtmlDecode y Server.UrlDecode realizan estas operaciones a la inversa.

El método MapPath traduce una ruta virtual en una física en el servidor.

Server.MapPath(“/asp/tema4”)

Se traduce en

C:\inetpub\wwwroot\asp\tema4

COMO CONTROLAR SECUENCIAS DE COMANDOS

Con el método ScriptTimeout indicamos el tiempo que vamos a esperar antes de finalizar la secuencia de comandos.

Por ejemplo si escribimos un código con un bucle infinito....

Server.ScriptTimeout=90 (segundos)

COMO GENERAR OBJETOS

Con el método CreateObject creamos una instancia de un objeto COM.

EJERCICIOS:

  • Generar una página ASP.NET en C# que actúe como inicio de sesión seguro. Permita que el usuario capture un nombre y una contraseña en el cuadro de texto. Si concuerdan con una cadena que indiquemos, redirigiremos al usuario a una página de “aceptación”, de otro modo, mostramos un error. Si el nombreusuario es válido, guardar en una variable de sesión.

  • Escribir una página de aceptación. Mostar un mensaje de bienvenida adaptado para el usuario con ayuda del evento Load del objeto Page y un control Label. Indicar al usuario la hora en curso y su identificador de sesión. Verificar la propiedad IsPostback del objeto Page para asegurarse de que este mensaje sólo aparece la primera vez que el usuario llegue a la página. Agregar un botón para que pueda finalizar la sesión, con un mensaje de confirmación.

  • Soluciones: tema3/tema3ej1y2

    TEMA 4: INTRODUCCIÓN A LOS FORMULARIOS WEB

    Permiten un control programático de la interfaz del usuario mediante el uso de objetos residentes en el servidor.

    PRESENTACIÓN DE LOS FORMULARIOS

    Un cliente envía una petición a un servidor para obtener cierta información y que éste responda a su envío. Es el modelo petición-respuesta.

    <html><body>

    <form method ="post">

    Teclea tu nombre

    <input type="text" size= 20>

    <input type="Submit" Value=”enviar”>

    </form>

    </body></html>

    El cliente también puede enviar datos al servidor. Los formularios HTML permiten la interacción del usuario con páginas web.

    Cuando el usuario hace clic en el botón Enviar, el formulario envía al servidor los datos que haya capturado.

    Los formularios HTML se basan por completo en el cliente. Entre el cliente y el servidor es difícil intercambiar información. Tan pronto como el servidor envía los datos, olvida todo lo que el formulario indica y pierde el rastro de lo que sucede.

    PRESENTACIÓN DE LOS FORMULARIOS WEB

    Son muy similares a los HTML. La diferencia es que se basan en el servidor. Genera los elementos del usuario en el servidor. El servidor tendrá conocimiento de la apariencia de la interfaz, qué puede hacer, qué datos recibirá, etc….

    En el servidor generaremos objetos llamados controles de servidor, que pueden controlarse por completo: tienen propiedades, eventos y métodos que podemos manejar. Tan pronto como el cliente solicita la página, ASP.NET convierte los controles a HTML.

    A través de la secuencia de comandos que asp.net genera automáticamente en el cliente, estos controles avisan al servidor cuando algo sucede, como cuando se hace clic en un botón.

    MODELO DE PROGRAMACIÓN DE LOS FORMULARIOS WEB

    Los formularios web están divididos en dos partes: los elementos visuales y la lógica de la interfaz. Están separados entre sí en el plano conceptual y en el físico.

    CONTROLES DE SERVIDOR

    Los controles ASP .NET son una serie de objetos de servidor que generarán el correspondiente código HTML para que el usuario pueda utilizarlos en la página cargada en su navegador al ejecutarse la página ASP .NET correspondiente los controles de servidor de ASP .NET generarán todo el código equivalente en el lenguaje HTML, para que así pueda ser interpretado el resultado de la ejecución de la página por cualquier navegador Web.

    Cada control se corresponde con una clase determinada perteneciente a un espacio con nombre determinado. Existe un gran número de controles de servidor y cada uno de ellos pertenece a una clase del .NET Framework.

    Son los elementos de la interfaz de usuario de un formulario web. Hay cuatro tipos de estos controles en asp.net:

    controles HTML de servidor,

    controles web,

    controles de validación,

    controles de usuario.

    Los controles HTML de servidor representan a los elementos normales de los formularios HTML, como los cuadros de texto y los botones, pero se crean en el servidor donde podemos controlarlos.

    Los controles web son semejantes, pero ofrecen una mayor funcinalidad y pueden representar interfaces de usuario más complejas.

    Los controles de validación se utilizan para validar lo capturado por el usuario.

    Los controles de usuario son aquellos programados a medida para realizar cierta funcionalidad.

    Todos tienen propiedades, métodos y eventos.

    EVENTOS DE LOS CONTROLES DE SERVIDOR

    Hacer clic en un botón, en un vínculo, llenar un cuadro de texto, seleccionar un elemento de una lista....

    Un evento activo necesita una acción explícita del usuario. Un evento pasivo se puede ejecutar sin intención directa del usuario, como mover el cursor por una imagen.

    Sólo los eventos activos se manejan en el servidor.

    Hay dos formas de enviar los eventos al servidor: conforme ocurren o todos juntos en un solo envío. Es conveniente utilizar el segundo método. Permanecen en la caché del usuario hasta que éste se decida a enviar los datos.

    Los controles generan eventos automáticamente siempre que sucede algo. Para controlar el evento en el servidor, necesitará indicar al control qué método utilizar.

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Button1_Click(obj as object, e as EventArgs)

    Label1.Text="Hizo clic en <b>" & obj.Text & "</b>"

    Esta línea establece la propiedad Text del control Label1.

    Esta línea da el mismo resutado:

    Label1.Text="Hizo clic en <b>" & Button1.Text & "</b>"

    End Sub

    </script>

    <html><body>

    <font size="5"> Tema 4</font><hr><p>

    <form runat="server">

    <asp:Button id=Button1 runat="server" Text="Botón1"

    onClick="Button1_Click" />

    <p>

    <asp:Label id=Label1 runat=server />

    </form>

    </body></html>

    <%@ Page Language="c#" %>

    <script runat="server">

    public void Button1_Click(Object obj, EventArgs e)

    {

    Label1.Text="Hizo clic en <b>" + ((Button)obj).Text + "</b>";

    }

    </script>

    <html><body>

    <font size="5"> Tema 4</font><hr><p>

    <form runat="server">

    <asp:Button id=Button1 runat="server" Text="Botón1"

    onClick="Button1_Click" />

    <p>

    <asp:Label id=Label1 runat=server />

    </form>

    </body></html>

    Ver tema4-tm4ejemplo1.aspx

    Si especificamos en el controlador del servidor que un método deberá controlar un evento:

    <asp:Button runat=”server” OnClick=”UnMetodo />

    Si no genero este método en alguna parte del bloque de declaración de código, recibiré un error.

    COMO ENVIAR FORMULARIOS WEB

    Una situación típica, cuando la página se cargue en el explorador, mostramos un mensaje de bienvenida en un control de servidor. Este mensaje formará parte del estado visual del control y asp.net lo recordará siempre.

    El objeto Page tiene una propiedad llamada IsPostBack que informa si el formulario ya ha sido o no enviado. Se puede verificar esta propiedad y decidir si se llena o no con los controles de servidor.

    Ejemplo:

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Page_Load(obj as object, e as EventArgs)

    If Not Page.IsPostBack Then

    lblMensaje.Text = "¡Hola, mundo!"

    End If

    End Sub

    Evalúa la propiedad IsPostBack, y si es verdadera(el formulario ha sido enviado) no ejecuta la siguiente línea. Asp.net llenará la etiqueta por ti cada vez que el formulario se envía.

    Sub Enviar(obj as object, e as EventArgs)

    lblMensaje2.Text = "Formulario enviado."

    End Sub

    </script>

    <html><body>

    <form runat="server">

    <asp:Button id="btEnviar" runat="server" Text="Enviar"

    onClick="Enviar" />

    <p>

    <asp:Label id="lblMensaje" runat=server />

    <p>

    <asp:Label id="lblMensaje2" runat=server />

    </form>

    </body></html>

    <%@ Page Language="c#" %>

    <script runat="server">

    public void Page_Load (Object sender, EventArgs E)

    {

    if (!Page.IsPostBack)

    {

    lblMensaje.Text = "¡Hola, mundo!";

    }

    }

    Evalúa la propiedad IsPostBack, y si es verdadera (el formulario ha sido enviado) no ejecuta la siguiente línea. Asp.net llenará la etiqueta por ti cada vez que el formulario se envía.

    public void Enviar (Object sender, EventArgs E)

    {

    lblMensaje2.Text = "Formulario enviado.";

    }

    </script>

    <html><body>

    <form runat="server">

    <asp:Button id="btEnviar" runat="server" Text="Enviar" onClick="Enviar"/>

    <p>

    <asp:Label id="lblMensaje" runat=server />

    <p>

    <asp:Label id="lblMensaje2" runat=server />

    </form>

    </body></html>

    Ver tema4-tm4ejemplo2.aspx

    COMO GUARDAR EL ESTADO

    Los formularios web guardan el estado visual de cada control en el formulario mediante campos ocultos. Este estado visual le indica lo que se ha tecleado en el control, ya sea que éste se encuentre o no seleccionado, qué elemento lo está, etc…

    Hay otra forma de guardar información en los formularios web. Utilizar el saco de estado o state bag, un objeto que contiene los valores cuando se envía un formulario. Cuando coloca algo en el saco de estado y envías el formulario, el servidor guarda la información y la devuelve al cliente cuando finaliza su proceso. Es una forma sencilla de almacenar información personalizada que un usuario no haya tecleado, por ejemplo un cálculo. Se accede al saco de estado mediante la variable ViewState.

    Ejemplo: Guardar la hora en curso en el saco de estado tan pronto como se carga la página. Cuando el usuario hace clic en el botón Enviar, se compara la hora de inicio con la nueva hora.

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Page_Load(obj as object, e as EventArgs)

    If Not Page.IsPostBack then

    ViewState("HoraInicio") = DateTime.Now

    lblMensaje.Text = "Ahora son: " & _

    ViewState("HoraInicio")

    End If

    End Sub

    Como se necesita almacenar la hora la primera vez que se accede a la página, tenemos que verificar la propiedad IsPostBack. Si es el primer acceso almacenamos la hora en la variable ViewState.

    Sub Enviar(obj as object, e as EventArgs)

    lblMensaje.Text = "Ahora son: " & _

    DateTime.Now & "<br>iniciado a las: " & _

    ViewState("HoraInicio")

    End Sub

    </script>

    <html><body>

    <font size="5">Aprendiendo ASP.NET </font><hr><p>

    <form runat="server">

    <asp:Button id="btEnviar" runat="server" Text="Enviar"

    onClick="Enviar" />

    <p>

    <asp:Label id="lblMensaje" runat=server />

    </form>

    </body></html>

    <%@ Page Language="c#" %>

    <script runat="server">

    public void Page_Load (Object sender, EventArgs E)

    {

    if (!Page.IsPostBack)

    {

    ViewState["HoraInicio"] = DateTime.Now;

    lblMensaje.Text = "Ahora son: " + ViewState["HoraInicio"];

    }

    }

    Como se necesita almacenar la hora la primera vez que se accede a la página, tenemos que verificar la propiedad IsPostBack. Si es el primer acceso almacenamos la hora en la variable ViewState.

    public void Enviar(Object sender, EventArgs E)

    {

    lblMensaje.Text = "Ahora son: " +

    DateTime.Now + "<br>iniciado a las: " +

    ViewState["HoraInicio"];

    }

    </script>

    <html><body>

    <font size="5">Aprendiendo ASP.NET </font><hr><p>

    <form runat="server">

    <asp:Button id="btEnviar" runat="server" Text="Enviar"

    onClick="Enviar" />

    <p>

    <asp:Label id="lblMensaje" runat=server />

    </form></body></html>

    (ver tema4-estado)

    EJERCICIO:

    '{ASP}'

    '{ASP}'

    '{ASP}'

    '{ASP}'

    Solución: tema-saco-prueba3

    ORDEN DE PROCESAMIENTO DE LOS FORMULARIOS WEB

    1 La página se solicita (o envía)

    2 Se restaura el estado visual de los controles

    3 Ocurre el evento Page_Load

    4 Los eventos se controlan, se ejecutan los métodos que controlan eventos.

    5 Ocurre el evento Page_Unload

    CONTOLES HTML DE SERVIDOR

    Los controles HTML ofrecen a los desarrolladores de entornos Web la potencia de los Web Forms manteniendo la familiaridad y facilidad de uso de las etiquetas HTML que representan los campos de un formulario.

    Estos controles tienen el mismo aspecto que una etiqueta HTML a excepción de que presentan el atributo runat con el valor server.

    Si queremos realizar el tratamiento de eventos con código del servidor, utilizaremos el atributo onserverevento, a este atributo se le indica como valor el nombre del método que queremos ejecutar.

    Los elementos HTML están totalmente basados en el cliente. Un explorador conoce el aspecto y funcionamiento de <input type=”text”> y lo interpreta de acuerdo con eso.

    Los controles HTML de servidor son elementos u objetos que se crean en éste, con propiedades, métodos y eventos que podemos controlar.

    Son muy fáciles de generar: sólo hay que agregar el atributo runat=”server” a cualquier elemento HTML.

    Todos estos controles pertenecen al espacio de nombres System.Web.UI.HtmlControls.

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Clic(obj as object, e as EventArgs)

    select case obj.Value

    case "Izquierda"

    word_image.align = "left"

    case "Derecha"

    word_image.align = "right"

    case "Centro"

    word_image.align = "center"

    end select

    Aquí establezco el estilo de los botones. Quiero que el botón que fue oprimido aparezca sumido. Por eso hay que “sacar” el resto con el valor “notset”.

    Izquierda.Style("Border-Style") = "notset"

    Derecha.Style("Border-Style") = "notset"

    Centro.Style("Border-Style") = "notset"

    Establezco a inset la propiedad del botón representado por obj.

    obj.Style("Border-Style") = "inset"

    end Sub

    </script>

    Aquí tenemos 6 elementos HTML: un formulario, tres botones, una imagen y una sección <div>.

    Los controles HtmlInputButton (botones) tienen un evento llamado ServerClick, que sucede cuando se oprimen.

    <html><body>

    <font size="5">Aprendiendo ASP.NET: </font><hr><p>

    <form runat="server">

    <input type="Button" id="Izquierda" runat="server"

    Value="Izquierda" OnServerClick="Clic" />

    <input type="Button" id="Centro" runat="server"

    Value="Centro" OnServerClick="Clic" />

    <input type="Button" id="Derecha" runat="server"

    Value="Derecha" OnServerClick="Clic" />

    </form>

    <img src="carita.jpg" id="word_image" runat="server">

    <div id="Label1" runat="server">Éste es un texto de ejemplo. Cuando los botones de arriba se opriman, la imagen se moverá por el texto para acomodarse en la posición elegida.<p> Este ejemplo

    demuestra los controles HtmlImage y HtmlInputButton.

    </div>

    </body></html>

    Ver ejercicios/tema4/caritavb/prueba4vb.aspx

    EJERCICIO

    Realizar ese mismo ejercicio con C#.

    Solución: ejercicios/tema4/caritaCsharp

    HtmlAnchor :

    Esta clase se corresponde con la etiqueta <a>, es decir, es el control HTML que nos permite manejar enlaces.

    El elemento HTML <a> permite crear un hipervínculo para desplazarse a otra ubicación de la página o a otra página Web.

    HmlButton :

    Este control HTML generará la etiqueta <button> de HTML

    Esta control HTML se utilizará cuando sea necesario personalizar al máximo el aspecto de un botón permite incluir texto con formato, imágenes u otros controles de formularios Web Forms.

    HtmlForm :

    Esta clase representa a la etiqueta <form> en el servidor, es la que permite definir un Web Form, que va a realizar la labor de contenedor para una serie de controles de servidor dentro de la página ASP .NET. Todos los controles ASP .NET que deseemos enviar al servidor (post) debemos incluirlos dentro de un control de la clase HtmlForm.

    HtmlGenericControl :

    Esta clase se utilizará para representar las etiquetas HTML que no poseen una correspondencia directa con las clases del .NET Framework, como puede suceder con las etiquetas <span>, <div> o <body>, entre otras.

    HtmlImage :

    Esta clase permite utilizar la etiqueta <img> de HTML en el servidor, es decir, el control <img runat=”server”>. Nos permite por lo tanto manejar imágenes.

    HtmlInputCheckBox :

    se corresponde con la etiqueta <input type=”checkbox”>, y gracias a el tenemos acceso en el servidor a este tipo de elemento

    Para determinar si se selecciona el control, utilice la propiedad Checked.

    HtmlInputRadioButton :

    El control HTML que es instancia de esta clase generará en el cliente una etiqueta <input type=”radio”>, permitiendo al código de servidor interactuar con este elemento.

    No tiene funcionalidad integrada para mostrar un título para el botón de opción

    Para determinar si el control HtmlInputRadioButton está seleccionado, pruebe la propiedad Checked.

    HtmlInputText:

    Se corresponde con las etiquetas <input type=”text”> y <input type=”password”>. El tipo de caja de texto que se genera viene dado por el valor de la propiedad type. Este control ya lo hemos visto en acción en varios ejemplos.

    HtmlSelect:

    Este control HTML se corresponde con una lista desplegable del lenguaje HTML, es decir, con una etiqueta <select>.

    HtmlTable :

    Este control se corresponde con una tabla del lenguaje HTML, es decir, permite el acceso desde el código de servidor a una etiqueta <table>.

    Esta clase posee una colección llamada Rows, que contiene objetos de la clase HtmlTableRow.

    Propiedades:

    Border:Use la propiedad Border para especificar el ancho del borde (en píxeles).

    BgColor:Obtiene o establece el color de fondo

    CellPadding:Obtiene o establece la cantidad de espacio entre el contenido de una celda y el borde de la misma

    CellSpacing:Obtiene o establece la cantidad de espacio (en píxeles) entre las celdas adyacentes

    HtmlTableRow

    Clase relacionada con la anterior, es el control HTML que permite manipular una fila de una tabla. Esta clase posee una colección llamada Cells, que contiene objetos de la clase HtmlTableCell.

    HtmlTableCell

    Clase que permite el acceso a las celdas de una tabla, es decir, se corresponde con las etiquetas <td> y <th>.

    CONTOLES WEB DE SERVIDOR

    Los controles Web ofrecen un mayor nivel de abstracción que los controles HTML, y su modelo de objetos no refleja la sintaxis HTML necesariamente. Cuando la página se carga en el navegador, el control Web determina el tipo de navegador que ha realizado la petición, y de acuerdo con esta información genera el código HTML apropiado, podemos decir que en este aspecto se trata de controles inteligentes.

    Son similares a los controles HTML de servidor. Se generan en el servidor y permiten crear interfaces de usuario complejas con facilidad. Necesitan el atributo runat=”server”. No necesariamente se relacionan con elementos HTML y pueden representar elementos más complejos de la interfaz de usuario. Por ejemplo, el control web Calendar.

    Para crear un control web, utilizar la siguiente sintaxis:

    <asp:Control id=”nombre” runat=”server”>

    La clase de base System.Web.UI.WebControls.WebControl contiene todas las propiedades comunes. La mayoría de los controles Web de servidor derivan de esta clase.

    Para usar un control Web de servidor, use la sintaxis siguiente (que usa el control TextBox como ejemplo):

    <asp:textbox text="hello world" runat=server />

    Los controles Web básicos proporcionan la misma funcionalidad que sus correspondientes controles HTML de servidor. Sin embargo, los controles Web básicos incluyen métodos, eventos y propiedades adicionales que puede usar par programar.

    Tres tipos de controles Web:

    controles Web intrínsecos (que son los equivalentes a los controles HTML), controles Web de lista,

    controles Web ricos

    controles Web de validación

    Los beneficios que se desprenden de utilizar controles Web intrínsecos sobre los controles HTML vistos anteriormente son:

    Se ofrece una convención de nomenclatura para controles similares.

    Existen propiedades comunes para todos los controles, ofreciéndose un modelo de objetos más robusto.

    Se incluyen propiedades específicas de los controles.

    Se genera código HTML específico para cada navegador Web.

    Similitud con Controles HTML

    Al igual que sucedía con los controles HTML, para permitir hacer referencia a los controles dentro del código fuente de la página, se debe utilizar el atributo id.

    Diferencias con Controles HTML

    Al declarar los controles.

    Algunos nombres de las propiedades cambian

    En los métodos para el tratamiento de eventos de la pulsación de un botón del ratón en los controles HTML utilizamos la propiedad onserverclick, y en los controles Web utilizamos la propiedad onclick.

    Button:

    Este control Web representa un botón, se corresponde con la etiqueta <input type=”submit”>, es decir, un botón que envía el contenido de un formulario al servidor.

    Esta clase se corresponde con el control Web <asp:Button>

    CheckBox :

    Control Web que se corresponde con una etiqueta <input type=”checkbox”> del lenguaje HTML.

    Propiedad AutoPostBack:establece un valor que indica si el estado del control CheckBos se devuelve automáticamente al servidor cuando se hace clic en él.

    CheckBoxList

    Este control permite utilizar una lista de selección múltiple de elementos checkbox.

    Este objeto posee una colección Items que contiene todos los objetos CheckBox.

    Se puede especificar a través de las propiedades RepeatDirection y RepeatLayout la distribución de los CheckBox en la página.

    DropDownList :

    Este control Web representa una lista desplegable, y se corresponde con la etiqueta <select> de HTML

    PostBack

    Cada uno de los elementos del control DropDownList se indica con un objeto de la clase ListItem.

    HyperLink

    Este otro control Web representa un enlace en la página, por lo tanto generará en el cliente una etiqueta <a>.

    Image

    Control Web que representa una imagen dentro de una página ASP .NET, generará como resultado de su ejecución una etiqueta <img> de HTML. Para indicar la imagen que deseamos mostrar se utilizará la propiedad ImageURL.

    ImageButton

    Este control es muy similar al anterior, pero además de mostrar una imagen posee la característica adicional de funcionar como un botón de tipo submit, es decir, al pulsar el botón se envían los contenidos del formulario al servidor. Este control generan en el cliente la etiqueta HTML <input type=”image”>.

    LinkButton

    Este control va a representar un botón que presenta un estilo similar a los enlaces, el control LinkButton presenta una apariencia similar a un control Hyperlink, pero sin embargo ofrece la misma funcionalidad que un control Button, es decir, presenta un texto a modo de enlace que al pulsarlo enviará el formulario en el que se encuentre al servidor.

    ListBox

    Este nuevo control Web representa una lista de selección sencilla o múltiple, es similar al control DropDownList, pero en este caso se muestran varios elementos de la lista y se permite la selección múltiple. Este control Web también se corresponde con una etiqueta <select> en el código HTML

    Rows:indicamos el número de filas visibles

    SelectionMode: indicamos si se permite la selección múltiple, mediante el valor Multiple, o bien la selección simple mediante el valor Single.

    Panel

    Este otro control Web intrínseco se utiliza para agrupar controles y realizar la función de contenedor de los mismos. El control Panel posee una propiedad llamada Controls que es una colección que contiene todos los controles incluidos dentro del objeto Panel.

    PlaceHolder

    Control Web que realiza también la función de un contenedor de controles Web, pero en este caso no genera ningún código HTML, se utiliza para añadir controles Web de forma dinámica en la página ASP .NET en un punto determinado, para ello se utiliza su propiedad Controls.

    RadioButton

    Este control representa un botón de opción que se corresponde con el elemento <input type=”radio”> de HTML. Muestra la misma funcionalidad, es decir, permite seleccionar una opción dentro de un mismo grupo de opciones. Las opciones se agrupan mediante la propiedad GroupName .

    RadioButtonList

    Este control permite utilizar una lista de selección múltiple de controles RadioButton. Este objeto posee una colección Items que contiene todos los objetos RadioButton. Se puede especificar a través de las propiedades RepeatDirection y RepeatLayout la distribución de los RadioButton en la página, como se puede apreciar es muy similar al control CheckBoxList, pero en este caso se utilizan controles RadioButton.

    Table, TableRow y TableCell

    Estos controles Web se encuentran muy relacionados entre sí, mediante la utilización de todos ellos podremos generar tablas en HTML.

    El control Web Table se corresponde con una tabla del lenguaje HTML, es decir, permite generar tablas del lenguaje HTML. Esta clase posee una colección llamada Rows, que contiene objetos de la clase TableRow.

    Aplicando estilos a los controles

    Los controles Web ofrecen un completo soporte para las hojas de estilo, es decir, podemos aplicar los estilos de forma similar a como lo hacemos en HTML para personalizar el aspecto de nuestros controles.

    Tres formas de aplicar estilos:

    Mediante propiedades:

    Es mediante la propiedad CssClass

    Mediante la propiedad Style: Es una colección que nos permite asignar valores a las distintas propiedades del estilo del control.

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Enviar(obj as object, e as eventargs)

    Dim strIngreso As String = lbIngreso.SelectedItem.Text

    Dim strEdad As String = rlEdad.SelectedItem.Text

    lblMensaje.Text = "¡Hola, " & tbNombre.Text & "!<p>" & _

    "Su ingreso es de: " & strIngreso & "<br>" & _

    "Su edad es: " & strEdad & "<br>"

    If rlEdad.SelectedIndex < 3 Then

    lblMensaje.Text += "¡Eres joven!<p>"

    Else

    lblMensaje.Text += "¡Eres experimentado!<p>"

    End If

    If cbBoletin.Checked Then

    lblMensaje.Text += "Pronto recibirá nuestro " & _

    "boletín."

    End If

    End Sub

    </script>

    <html><body>

    <form runat="server">

    <asp:Label id="lblEncabezado" runat="server"

    Height="25px" Width="100%" BackColor="#ddaa66"

    ForeColor="white" Font-Bold="true"

    Text="Un ejemplo de controles Web" />

    <br>

    <asp:Label id="lblMensaje" runat="server" /><p>

    Teclee su nombre:

    <asp:TextBox id="tbNombre" runat="server" /><p>

    Seleccione su edad:<br>

    <asp:RadioButtonList id="rlEdad" runat="server"

    RepeatDirection="horizontal">

    <asp:ListItem><18</asp:ListItem>

    <asp:ListItem>19-24</asp:ListItem>

    <asp:ListItem>25-34</asp:ListItem>

    <asp:ListItem>35-49</asp:ListItem>

    <asp:ListItem>50-65</asp:ListItem>

    </asp:RadioButtonList><p>

    Elija sus ingresos:<br>

    <asp:ListBox id="lbIngreso" runat="server"

    size=1>

    <asp:ListItem>< 999€ al año</asp:ListItem>

    <asp:ListItem>1000€-9999€</asp:ListItem>

    <asp:ListItem>10000€-49999€</asp:ListItem>

    <asp:ListItem>> 50000€</asp:ListItem>

    </asp:ListBox><p>

    ¿Quiere recibir nuestro boletín?<br>

    <asp:CheckBox id="cbBoletin" runat="server"

    Text="¡Sí!" /><p>

    <asp:Button id="btEnviar" runat="server"

    Text="Enviar" OnClick="Enviar" />

    </form>

    </body></html>

    Ver ejercicios/tema4/demografico/demograficoVB

    EJERCICIO

    Realizar ese mismo ejercicio con C#.

    Solución: ejercicios/tema4/demografico/demograficoC

    CÓMO ENVIAR DATOS INMEDIATAMENTE

    Por ejemplo, imaginar un formulario que muestra las provincias de un país. Una vez seleccionada una provincia, se envía el formulario, se realiza cierto procesamiento y se filtra la lista de ciudades de esa provincia.

    Se puede enviar datos inmediatamente con la propiedad AutoPostBack de los controles web. A true indica al control que envíe los datos tan pronto como ocurra el evento.

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Drawing" %>

    Se importa para poder usar el objeto Color.

    <script runat="server">

    Sub ControladorDeNombre(obj as object, e as eventargs)

    lblMensaje.Text = tbNombre.Text & ", elija un color: "

    end sub

    Sub ControladorDeLista(obj as object, e as eventargs)

    Dim strColor As String

    Select Case obj.SelectedItem.Text

    Case "Rojo": strColor = "red"

    Case "Azul": strColor = "blue"

    Case "Verde": strColor = "green"

    Case "Blanco": strColor = "white"

    End Select

    El método Color.FromName crea un objeto Color de acuerdo al color indicado. Se puede utilizar este objeto par establecer el color del listbox.

    lbColor.BackColor = Color.FromName _

    (strColor)

    End Sub

    </script>

    <html><body>

    <form runat="server">

    Declaro un control web TextBox. Cuando ocurre el evento TextChanged se ejecuta el método “ControladorDeNombre” porque la propiedad AutoPostBack está a trae.

    <asp:TextBox id="tbNombre" runat="server"

    OnTextChanged="ControladorDeNombre"

    AutoPostBack="true" /><p>

    <asp:Label id="lblMensaje" runat="server"

    Text="Elija un color: " /><p>

    <asp:ListBox id="lbColor" runat="server"

    OnSelectedIndexChanged="ControladorDeLista"

    AutoPostBack="true" > Lo mismo aquí.

    <asp:Listitem>Rojo</asp:Listitem>

    <asp:Listitem>Azul</asp:Listitem>

    <asp:Listitem>Verde</asp:Listitem>

    <asp:Listitem>Blanco</asp:Listitem>

    </asp:ListBox>

    </form>

    </body></html>

    Ver ejercicios/tema4/autopostback/ autopostbackVB

    EJERCICIO:

    Cuando se seleccione un item le da lista aparecerá una etiqueta informando cuál se ha seleccionado. Al escribir un nombre en la caja de texto aparecerá en la etiqueta el nombre seguido de “elige un color”, al elegir un color de la lista cambiará el color de la lista

    '{ASP}'

    '{ASP}'

    Solución: Ejercicios/tema4/Autopostback/aaa

    Debemos:

    Utilizar elementos HTML regulares cuando no necesitemos controlarlos de forma programática. Por ejemplo, no necesitamos manipular un vínculo, así que será mejor usar la etiqueta <a ref> en lugar de un control HtmlAnchor o HyperLink.

    Utilizar controles HTML de servidor cuando no deseemos invertir mucho tiempo en convertir páginas existentes a formularios web.

    Utilizar controles web de servidor cuando generemos formularios web que necesiten un acceso programado.

    Con Asp net en distintas llamadas al formulario se mantiene el estado del mismo, es decir, se mantiene en la lista el elemento seleccionado, sin que tengamos que escribir ningún código adicional, esto es posible gracias al campo oculto que genera el Web Form y que se denomina _VIEWSTATE. Por lo tanto los Web Forms nos permiten en distintas peticiones conservar los valores de los campos de los formularios.

    EJERCICIOS:

  • Genera una aplicación para elegir el nombre de un bebé. El usuario elegirá el sexo del bebé, y, entonces, un listBox mostrará algunos nombres posibles. Cuando el usuario elija un nombre, se mostrará un mensaje con el nombre elegido.

  • Solución: tema4-bebe

  • Genera una página estándar para registrar usuarios con los siguientes campos: nombre (necesario), fax y dirección de correo electrónico (necesario). Si falta alguno de los campos necesarios, muestra un mensaje de error al usuario.

  • Solución: tema4-Registro

    PREGUNTAS PARA ENTREGAR:

  • ¿Cómo llevan un control del estado visual los formularios web?

  • ¿Qué hace el saco de estado, y cómo se puede acceder a él?

  • Verdadero o falso: Los eventos de los formularios Web se procesan antes que el evento Page_Load.

  • ¿Cuál es la lista de parámetros estándar de un evento?

  • ¿Cuál es la importancia de la etiqueta runat=”server”?

  • ¿Para qué deberías utilizar controles HTML del servidor?

  • ¿Cuál es el error en la siguiente sección de código?

  • <asp:Button id=”btEnviar” Clic=”ControlaEsto”>

  • ¿Qué propiedad puedes utilizar para enviar código inmediatamente al servidor al ocurrir un evento?

  • ¿Cuándo deberías utilizar controles Web en lugar de controles HTML de servidor?

  • TEMA 5: UN POCO MÁS DE FORMULARIOS WEB

    CONTROLES DE USUARIO

    Permiten guardar y reutilizar la funcionalidad que se desee de la interfaz de usuario.

    Esquema típico: un formulario de inicio de sesión. Suelen tener dos cajas de texto (usuario y contraseña) y un botón Enviar. Podemos crear un control de usuario que realice la misma tarea.

    COMO GENERAR CONTROLES DE USUARIO

    Un control de usuario es un archivo ASP.NET con una extensión .ascx. Contiene elementos de la interfaz de usuario y código para controlarlos. Las diferencia es que los controles de usuario están integrados en otras páginas en lugar de ser independientes. El siguiente listado lo guardaríamos con extensión ascx. Sería un típico inicio de sesión. No contiene las etiquetas <html>,<form> o <body>.

    <%=colorFondo%> es un bloque proveedor de código. Establece el color de fondo recogiéndolo de la variable colorFondo. No podemos visualizarlo si no lo colocamos en una página asp.net.

    <table style="background-color:<%=colorFondo%>;font: 10pt verdana;border-width:1;border-style:solid;border-color:black;" cellspacing=15>

    <tr>

    <td><b>Inicio de sesión: </b></td>

    <td><ASP:TextBox id="Usuario" runat="server"/></td>

    </tr>

    <tr>

    <td><b>Contraseña: </b></td>

    <td><ASP:TextBox id="Contr" TextMode="password" runat="server"/></td>

    </tr>

    <tr>

    <td></td>

    <td><ASP:Button Text="Enviar" runat="server" OnClick="Enviar" /></td>

    </tr>

    </tabla>

    <p>

    <ASP:Label id="lblMensaje" runat="server"/>

    Vamos a ver la página asp.net en la que se basa el control de usuario.

    <%@ Page Language="C#" %>

    <script runat="server">

    string nombreUsuario;

    string contrasenia;

    string colorFondo;

    Public void Enviar(Object obj, Eventargs e)

    {

    lblMensaje.Text = "nombreUsuario: <b>" + Usuario.Text +

    "</b><br>" +"contrasenia: <b>" + Contr.Text + "</b><p>";

    }

    </script>

    <html><body>

    <form runat="server">

    <table style="background-color:<%=colorFondo%>;

    font: 10pt verdana;border-width:1;

    border-style:solid;border-color:black;"

    cellspacing=15>

    <tr>

    <td><b>Inicio de sesión: </b></td>

    <td><ASP:TextBox id="Usuario" runat="server"/></td>

    </tr>

    <tr>

    <td><b>Contraseña: </b></td>

    <td><ASP:TextBox id="Contr" TextMode="password"

    runat="server"/></td>

    </tr>

    <tr>

    <td></td>

    <td><ASP:Button Text="Enviar" runat="server"

    OnClick="Enviar" /></td>

    </tr>

    </table>

    <p>

    <ASP:Label id="lblMensaje" runat="server"/>

    </form>

    </body></html>

    Ver tema5-inicio(no está en block de notas)

    Declaro las variables nombreUsuario, contrasenia y colorFondo, y método enviar.

    Hay 3 pasos para convertir una página ASP.NET en control de usuario.

  • Quitar las etiquetas <html>,<form> y <body>.

  • Modificar el archivo para que tenga extensión ascx.

  • Cambiar la directiva Page por Control.

  • <%@ Page Language=”C#” %> sería <%@ Control Language=”C#” %>

    La declaración del código del control de usuario sería:

    <script runat="server" language="c#">

    public string nombreUsuario;

    public string contrasenia;

    public string colorFondo="White";

    public void Enviar(Object obj, EventArgs e)

    {

    lblMensaje.Text = "nombreUsuario: <b>" + Usuario.Text +

    "</b><br>" +"contrasenia: <b>" + Contr.Text + "</b><p>";

    }

    </script>

    <table style="background-color:<%=colorFondo%>;

    font: 10pt verdana;border-width:1;

    border-style:solid;border-color:black;"

    cellspacing=15>

    <tr>

    <td><b>Inicio de sesión: </b></td>

    <td><ASP:TextBox id="Usuario" runat="server"/></td>

    </tr>

    <tr>

    <td><b>Contraseña: </b></td>

    <td><ASP:TextBox id="Contr" TextMode="password"

    runat="server"/></td>

    </tr>

    <tr>

    <td></td>

    <td><ASP:Button Text="Enviar" runat="server"

    OnClick="Enviar" ID="Button1"/></td>

    </tr>

    </table>

    <p>

    <ASP:Label id="lblMensaje" runat="server"/>v

    COMO UTILIZAR CONTROLES DE USUARIO

    Se utilizan como cualquier otro control. Creando una instancia en la porción de la interfaz de la página. Para colocar controles de usuario en otras páginas asp.net, primero hay que registrarlos con la directiva @Register Al registrar un control le decimos a asp.net que queremos extender el formulario web con un control de servidor nuevo. Se hace con el propósito de que la página tenga una ruta válida y un nombre definido para utilizar el control:

    <%@ Register TagPrefix=”Prefijo” TagName=”nombreControl” src=”rutaDelArchivo” Namespace=”Nombre” %>

    El atributo TagPrefix define al grupo al que pertenece el control. Puede tener el TagPrefix que yo quiera.

    La propiedad TagName da al control un nombre.

    La propiedad src indica el lugar de origen del control de usuario.

    El atributo Namespace es un elemento opcional que establece un espacio de nombre que se asociará con el TagPrefix. Esto sirve para agrupar y clasificar posteriormente los controles de usuario.

    <%@ Page Language="VB" %>

    <%@ Register TagPrefix="AASPNET" TagName="inicioSesion" src="inicioSesion.ascx" %>

    <script runat="server">

    Sub Page_Load(obj as object, e as eventargs)

    lblMensaje.Text = "Propiedades del control " & _

    "de usuario:<br> " & _

    "identificador: " & inicioSesion1.id & "<br>" & _

    "colorFondo: " & inicioSesion1.colorFondo & "<br>" & _

    "nombreUsuario: " & inicioSesion1.nombreUsuario & "<br>" & _

    "contrasenia: " & inicioSesion1.contrasenia

    end sub

    </script>

    <html><body>

    <form runat="server">

    <AASPNET:inicioSesion id="inicioSesion1" runat="server"

    contrasenia="MiContrasenia"

    nombreUsuario="David"

    colorFondo="Beige" />

    </form>

    <p>

    <asp:Label id="lblMensaje" runat="server" />

    <p>

    </body></html>

    <%@ Page Language="C#" %>

    <%@ Register TagPrefix="AASPNET" TagName="inicioSesion" src="inicioSesion.ascx" %>

    Establece su prefijo como AASPNET y su nombre de control en inicioSesion

    <script runat="server">

    public void Page_Load(Object obj, EventArgs e)

    {

    lblMensaje.Text = "Propiedades del control de usuario:<br> " +

    "colorFondo: " + inicioSesion1.colorFondo + "<br>" +

    "nombreUsuario: " + inicioSesion1.nombreUsuario + "<br>" +

    "contrasenia: " + inicioSesion1.contrasenia;

    }

    Muestra las propiedades del control en la etiqueta.

    </script>

    <html><body>

    <form runat="server">

    Son las propiedades públicas del control

    <AASPNET:inicioSesion id="inicioSesion1" runat="server"

    contrasenia="MiContrasenia"

    nombreUsuario="David"

    colorFondo="Beige" />

    </form>

    <p>

    <asp:Label id="lblMensaje" runat="server" />

    <p>

    </body></html> Ver tema5-EjemploUserControl

    CONTROLES PERSONALIZADOS

    No son controles de usuario. En lugar de encapsular cierta funcionalidad de la interfaz del usuario, pueden definir su comportamiento totalmente original. Por ejemplo, ASP.NET no ofrece un control integrado para interpretar dibujos monocromáticos. Un desarrollador podría generar un control personalizado para ofrecer esta funcionalidad. Los controles de usuario se utilizan cuando se desea combinar la funcionalidad de controles existentes, los controles personalizados se utilizan cuando ninguno de los controles existentes cumple con sus necesidades.

    Todos los objetos en el marco de trabajo de los formularios Web se derivan directa o indirectamente de la clase System.Web.UI.Control.

    Se puede insertar un control personalizado en cualquier parte de esta jerarquía, siempre y cuando derive de alguna manera de la clase Control.

    EJERCICIOS:

    Generar un planificador de juntas. Deberá incluir un calendario, un cuadro de texto para capturas del usuario y una etiqueta que muestre los datos en curso. Utilizar AutoPostBack y el evento TextChanged cuando el usuario teclee notas en el cuadro de texto. Almacenar dichas notas en variables de sesión de modo que el usuario pueda verlas posteriormente. Cuando se agregue una nota, generar dinámicamente una etiqueta para recibir alguna reacción. Será un control .ascx y se incluirá en una página .aspx

    Solución tema5/ Tema5Ej

    PREGUNTAS PARA ENTREGAR:

  • Verdadero o falso: Un control de usuario puede utilizarse de manera independiente.

  • ¿Cuáles son los tres requerimientos para convertir un archivo .aspx en control de usuario?

  • TEMA 6: VALIDACIÓN DE LAS PÁGINAS ASP.NET

    ESQUEMAS DE VALIDACIÓN

    La validación de lo que captura el usuario en los formularios es una de las tareas más importantes para los desarrolladores.

    Una situación típica donde se requiere validación:

    La interfaz pide el nombre y apellidos, dirección de correo electrónico, domicilio, ciudad, estado, código postal y número de teléfono del usuario.

    <html><body>

    <form runat="server">

    <asp:Label id="lblEncabezado" runat="server"

    Height="25px" Width="100%" BackColor="#ddaa66"

    ForeColor="white" Font-Bold="true"

    Text="Un ejemplo de validación" />

    <asp:Label id="lblMensaje" runat="server" /><br>

    <asp:Panel id="Panel1" runat="server">

    <table>

    <tr>

    <td width="100" valign="top">

    Nombre y apellidos:

    </td>

    <td width="300" valign="top">

    <asp:TextBox id="tbNombre" runat="server" />

    <asp:TextBox id="tbApellidos" runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Correo electrónico:</td>

    <td valign="top">

    <asp:TextBox id="tbCorreoE"

    runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Domicilio:</td>

    <td valign="top">

    <asp:TextBox id="tbDomicilio"

    runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Ciudad, Estado y Código postal:</td>

    <td valign="top">

    <asp:TextBox id="tbCiudad"

    runat="server" />,

    <asp:TextBox id="tbEstado" runat="server"

    size=2 />&nbsp;

    <asp:TextBox id="tbCodigoPostal" runat="server"

    size=5 />

    </td>

    </tr>

    <tr>

    <td valign="top">Teléfono:</td>

    <td valign="top">

    <asp:TextBox id="tbTelefono" runat="server"

    size=11 /><p>

    </td>

    </tr>

    <tr>

    <td colspan="2" valign="top" align="right">

    <asp:Button id="btEnviar" runat="server"

    text="Agregar" />

    </td>

    </tr>

    </table>

    </asp:Panel>

    </form>

    </body></html>

    '{ASP}'

    Se puede validar la captura de usuario con instrucciones if. Después de verificar todo lo capturado de esta forma, se puede tomar dos rutas. Si todo está en el formato correcto, se puede insertar en una base de datos. Si alguno de los datos no es correcto, hay que avisar al usuario dónde está el error y permitirle corregirlo antes de insertar los datos.

    VALIDACIÓN EN ASP.NET

    Permiten validar con facilidad cualquier dato que se haya capturado en un formulario Web.

    Admiten validaciones como campos necesarios, comparación de patrones o validaciones personalizadas.

    Permiten personalizar los mensajes de error.

    El trabajo de un control de validación es vigilar otro control de servidor y “validar” su contenido.

    Un mismo control puede tener distintos tipos de validación, es decir, se pueden utilizar distintos controles de validación sobre un mismo control a validar.

    Los controles de validación funcionan en el cliente y en el servidor.

    Valida primero en el cliente, Asp no permite que un formulario sea enviado si tiene información inválida.

    Valida de nuevo en el servidor respecto a los recursos no disponibles en el cliente, como ejemplo una B.D.

    Propiedades importantes:

    ControlToValidate: Control a validar.

    ErrorMessage: Mensaje de error que sacará.

    IsValid: indica si la validación es correcta, también se puede hacer a nivel de página.

    TIPOS DE CONTROLES DE VALIDACIÓN EN ASP.NET

    RequiredFieldValidator

    Se utiliza para verificar que se ha dado algún valor a un campo, es decir, valida que se ha asignado un valor a un campo requerido de un Web Form.

    CompareValidator

    Este control Web de validación lo utilizaremos para comparar el valor que contiene un control Web con un valor específico, que puede ser un valor determinado especificado como una constante o bien un valor de otro control Web.

    Este control Web se utilizará con un operador de comparación, y presenta las siguientes propiedades adicionales:

    ValueToCompare: esta propiedad se utilizará cuando deseemos comparar el valor de un control Web con un valor constante, esta propiedad es la que contendrá este valor constante.

    ControlToCompare: esta propiedad se utilizará cuando deseemos compara el valor de un control Web con otro, esta propiedad contendrá el identificador del otro control contra el que se quiere comparar el control Web en cuestión.

    Type: indica el tipo de dato de los valores que se van a comparar, esta propiedad puede presentar los siguientes valores, Currency, Date, Double, Integer y String, que se corresponden con los distintos tipos de datos que podemos indicar.

    Operator: esta última propiedad va a contener el tipo de operador que se va a utilizar en la comparación de los dos valores. Esta propiedad puede tener los siguientes valores,Equal(igual)GreaterThan(mayor), GreaterThanEqual (mayor o igual), LessThan (menor), LessThanEqual (menor o igual ), NotEqual (distinto) y DataTypeCheck (validación de tipo).

    El operador DataTypeCheck es utilizado para validar el tipo de datos del control Web, en este caso no se compara con otro control, sino que únicamente se comprueba el tipo del valor del control.

    RangeValidator

    Este control Web se utilizará cuando sea necesario comprobar si un valor de entrada de un control Web se encuentra comprendido en un rango determinado.

    El control RangeValidator ofrece tres propiedades adicionales para llevar a cabo su labor de validación, las propiedades son las siguientes:

    MinimumControl: esta propiedad define el valor mínimo del rango permitido para el control.

    MaximumControl: esta propiedad define el valor máximo

    Type: indica el tipo de dato que se utiliza para comparar los valores dentro del rango especificado, esta propiedad puede tener los siguientes valores, Currency, Date, Double, Integer y String.

    RegularExpressionValidator

    Este otro control Web de validación es utilizado para comparar el valor del control correspondiente con una expresión regular.

    Este control debe hacer uso de la propiedad ValidationExpression para indicar la expresión regular con la que se va a comparar el valor indicado en el control Web que se desea validar.

    ValidationSummary

    Este control difiere del resto, ya que en realidad no va a realizar un tipo de validación determinada, sino que contiene todos los mensajes de error que se han producido y muestra una lista de ellos en la página, en el caso de que la página no sea válida, es decir, algunas de las validaciones han fallado.

    Este control mostrará todos los mensajes indicados en la propiedad ErrorMessage de cada uno de los controles de validación cuya validación ha fallado en la página. Así en este caso los controles de validación no mostrarán el mensaje de error de la propiedad ErrorMessage, sino que mostrarán si procede el texto incluido entre sus etiquetas de inicio y fin.

    Propiedades:

    HeaderText: esta propiedad contendrá el texto que va a mostrarse como cabecera a modo de descripción de los errores.

    ShowSummary: esta propiedad, que puede tener los valores True/False, indicará si deseamos mostrar o no el resumen de validación de la página ASP .NET. DisplayMode: en esta propiedad podemos indicar la forma en la que se mostrarán las distintas descripciones de cada uno de los errores de validación encontrados en la página, puede presentar los siguientes valores, BulletList (una lista con puntos), List (una lista) y SingleParagraph (en un único párrafo).

    CustomValidator

    Este último control Web de validación se utilizará para realizar una validación personalizada, este control llamará a una función definida por el usuario que será la que realice la validación. Esta función puede estar definida en el cliente o bien en el servidor.

    Propiedades destacadas:

    ClientValidationFunction: en esta propiedad indicaremos el nombre de la función del lado del cliente que realizará la validación deseada, en este caso la función será una función definida en un lenguaje de script de cliente , como puede ser JavaScript, y que sea soportado por el navegador.

    OnServerValidate: en esta propiedad debemos indicar el nombre de la función de servidor que se va a encargar de realizar la validación correspondiente, esta función se ejecutará cuando se produzca el evento ServerValidate, es decir, esta propiedad va a ser el manejador del evento que se produce cuando se realiza la validación en el servidor.

    La función de validación va a recibir dos parámetros:

    Uno de la clase Object, que representa al control de la clase CustomValidator.

    Otro objeto de la clase ServerValidateEventArgs, que se va a utilizar para indicar si la validación ha sido correcta o no. El objeto de clase ServerValidateEventArgs posee la propiedad Value para obtener el valor del control que se desea validar y la propiedad IsValid, en la que se indicará el resultado de la validación.

    Los controles que se pueden validar son:

    HtmlInputText

    HtmlTextArea

    HtmlSelect

    HtmlInputFile

    TextBox

    ListBox

    DropDownList

    RadioButtonList

    COMO FUNCIONAN LOS CONTROLES DE VALIDACIÓN

    Para generar un control Validation en una página ASP.net hay que agregar la etiqueta adecuada de validación al formulario Web.

    Los controles de validación funcionan tanto en el cliente como en el servidor. Cuando un usuario teclea datos en un control Web que infrinjan la regla de validación que hayamos especificado, el usuario será alertado de inmediato. Asp.net no permite que un formulario sea enviado si la información no es válida. Esto significa que no hay que enviar el formulario al servidor para hacer la validación, y que ésta se realiza en el cliente automáticamente. (La validación en el cliente sólo es posible en exploradores web que soporten DHTML y JavaScript).

    Cuando el formulario se envía por fin al servidor, asp.net vuelve a validad las capturas. Esto permite volver a verificar los datos respecto a los recursos que no hayan estado disponibles en el cliente, como una base de datos.

    Ejemplo sencillo de validación:

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Enviar(obj as object, e as eventargs)

    If Page.IsValid then

    lblMensaje.Text = "¡Ha pasado la validación!"

    End If

    End Sub

    </script>

    <html><body>

    <form runat="server">

    <asp:Label id="lblMensaje" runat="server" /><p>

    Teclee su nombre:

    <asp:TextBox id="tbNombre" runat="server" /><br>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbNombre"

    ErrorMessage="Se necesita su nombre."/><p>

    <asp:Button id="tbEnviar" runat="server"

    Text="Enviar"

    OnClick="Enviar" />

    </form>

    </body></html>

    Ver tema6-sencilloVB.aspx

    <%@ Page Language="C#" %>

    <script runat="server">

    void Enviar(Object sender, EventArgs e)

    {

    if (Page.IsValid)

    {

    lblMensaje.Text = "¡Ha pasado la validación!";

    }

    }

    </script>

    <html><body>

    <form runat="server">

    <asp:Label id="lblMensaje" runat="server" /><p>

    Teclee su nombre:

    <asp:TextBox id="tbNombre" runat="server" /><br>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbNombre"

    ErrorMessage="Se necesita su nombre."/><p>

    <asp:Button id="tbEnviar" runat="server"

    Text="Enviar"

    OnClick="Enviar" />

    </form>

    </body></html>

    La propiedad ControlToValidate establece a qué control debe vigilar este validador (a tbNombre en este caso).

    Si captura cualquier dato en el cuadro de tbNobmre, se cumple RequiredFieldValidator. Este control verifica si un campo contiene datos. Todo control de validación contiene una propiedad IsValid que indica si la validación es correcta.

    Cuando el formulario se envía se ejecuta el método Enviar. La propiedad Page.IsValid garantiza que se cumplan todos los controles de validación de la página. También se podría verificar la propiedad IsValid de cada control.

    Hacer la prueba haciendo saltar el mensaje de error y escribiendo algo en la caja de texto y pulsando fuera sin enviar. El mensaje de error desaparece porque se valida al perder el foco.

    USO DE LOS CONTROLES DE VALIDACIÓN

    Todos los controles de validación comparten propiedades similares. Dos propiedades, (sin incluir a runat=server).

    ControlToValide: establece el nombre del control de servidor que deberá ser vigilado por este validador.

    ErrorMessage que indica a asp.net el mensaje por mostrar al usuario si falla la validación.

    Veamos que tipos de validación se necesitan aquí:

    <html><body>

    <form runat="server">

    <asp:Label id="lblEncabezado" runat="server"

    Height="25px" Width="100%" BackColor="#ddaa66"

    ForeColor="white" Font-Bold="true"

    Text="Un ejemplo de validación" />

    <asp:Label id="lblMensaje" runat="server" /><br>

    <asp:Panel id="Panel1" runat="server">

    <table>

    <tr>

    <td width="100" valign="top">

    Nombre y apellidos:

    </td>

    <td width="300" valign="top">

    <asp:TextBox id="tbNombre" runat="server" />

    <asp:TextBox id="tbApellidos" runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Correo electrónico:</td>

    <td valign="top">

    <asp:TextBox id="tbCorreoE"

    runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Domicilio:</td>

    <td valign="top">

    <asp:TextBox id="tbDomicilio"

    runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Ciudad, Estado y Código postal:</td>

    <td valign="top">

    <asp:TextBox id="tbCiudad"

    runat="server" />,

    <asp:TextBox id="tbEstado" runat="server"

    size=2 />&nbsp;

    <asp:TextBox id="tbCodigoPostal" runat="server"

    size=5 />

    </td>

    </tr>

    <tr>

    <td valign="top">Teléfono:</td>

    <td valign="top">

    <asp:TextBox id="tbTelefono" runat="server"

    size=11 /><p>

    </td>

    </tr>

    <tr>

    <td colspan="2" valign="top" align="right">

    <asp:Button id="btEnviar" runat="server"

    text="Agregar" />

    </td>

    </tr>

    </table>

    </asp:Panel>

    </form>

    </body></html>

    '{ASP}'

    Para sus cuadros de texto nombre y apellido que se teclee algo, siempre y cuando sea texto. Esta validación requiere el control RequiredFieldValidator. Para mayor seguridad también podemos comprobar que no sean iguales. Con CompareValidator.

    En el cuadro del correo electrónico nos tendremos que asegurar que la dirección tenga un formato adecuado, como unnombre@unsitio.com. El control RegularExpressionValidator realiza esta función.

    Demos por hecho que queremos permitir sólo usuarios de cierto lugar (un rango de códigos postales) para enviar su formulario. Este tipo de validación se hace con RangeValidator.

    El mismo código mejorado:

    <html><body>

    <form runat="server">

    <asp:Label id="lblEncabezado" runat="server"

    Height="25px" Width="100%" BackColor="#ddaa66"

    ForeColor="white" Font-Bold="true"

    Text="Un ejemplo de validación" />

    <asp:Label id="lblMensaje" runat="server" /><br>

    <asp:Panel id="Panel1" runat="server">

    <table>

    <tr>

    <td width="100" valign="top">

    Nombre y apellidos:

    </td>

    <td width="300" valign="top">

    <asp:TextBox id="tbNombre" runat="server" />

    <asp:TextBox id="tbApellidos" runat="server" />

    <br>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbNombre"

    ErrorMessage="Se necesita el nombre"/>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbApellidos"

    ErrorMessage="Se necesitan los apellidos"/>

    <asp:CompareValidator runat="server"

    ControlToValidate="tbNombre"

    ControlToCompare="tbApellidos"

    Type="String"

    Operator="NotEqual"

    ErrorMessage="El nombre y los apellidos no pueden ser iguales" />

    </td>

    </tr>

    <tr>

    <td valign="top">Correo electrónico (sólo .com):</td>

    <td valign="top">

    <asp:TextBox id="tbCorreoE"

    runat="server" /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbCorreoE"

    ValidationExpression="\w+\@\w+\.com"

    ErrorMessage="No es un correo electrónico correcto"/>

    </td>

    </tr>

    <tr>

    <td valign="top">Domicilio:</td>

    <td valign="top">

    <asp:TextBox id="tbDomicilio"

    runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Ciudad, Estado y Código postal (5 cifras):</td>

    <td valign="top">

    <asp:TextBox id="tbCiudad"

    runat="server" />

    <asp:TextBox id="tbEstado" runat="server"

    size=2 />&nbsp;

    <asp:TextBox id="tbZonaPostal" runat="server"

    size=5 /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbZonaPostal"

    ValidationExpression="[0-9]{5}"

    ErrorMessage="No es una zona postal correcta" />

    <br>

    <asp:RangeValidator runat="server"

    ControlToValidate="tbZonaPostal"

    MinimumValue="00000" MaximumValue="22222"

    Type="String"

    ErrorMessage="No se encuentra en la región adecuada" />

    </td>

    </tr>

    <tr>

    <td valign="top">Teléfono (<i>xxxxx-xxxx</i>):</td>

    <td valign="top">

    <asp:TextBox id="tbTelefono" runat="server"

    size=11 /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbTelefono"

    ValidationExpression="[0-9]{5}-[0-9]{4}"

    ErrorMessage="No es un número telefónico correcto"/>

    </td>

    </tr>

    <tr>

    <td colspan="2" valign="top" align="right">

    <asp:Button id="btEnviar" runat="server"

    text="Agregar" />

    </td>

    </tr>

    </table>

    </asp:Panel>

    </form>

    </body></html>

    Los controles de correo electrónico, ciudad, estado, código postal y teléfono NO tienen sus correspondientes RequiredFieldValidators, lo que los convierte en opcionales. Aún si el campo está vacío, la propiedad IsValid devolverá true.

    El formulario sólo acepta ciertos tipos de direcciones electrónicas (terminar en .com), códigos postales (5 números) y números de teléfono (9 números, con un guión entre el cuarto y el quinto).

    Dos instancias de RequiredFieldValidators, aseguran que el usuario haya capturado algo en el nombre y apellidos. Estos controles sólo tienen las dos propiedades necesarias, ControToValidate y ErrorMessage.

    CompareValidator puede comparar el valor de un control de servidor con una constante, o con otro control de servidor. La propiedad Type indica el tipo de valores que comparará, como String, Double….

    Para comparar con un valor constante, en vez de ControlToCompare hay que usar ValueToCompare.

    Si sólo se quiere verificar si lo capturado por el usuario es de un tipo de dato válido, se establece la propiedad Operato de CompareValidator a DataTypeCheck y olvidarse de la propiedad ControlToCompare. En un formulario Web todo lo capturado será una cadena, por lo que se podría no obtener una validación correcta.

    Cuando tengamos dos o más controles Validation basados en un control de servidor, todas las condiciones deberán cumplirse para dar por válida la captura.

    El control RequierdFieldValidator considera inválido un campo en blanco. Todos los demás controles aceptan campos vacíos.

    COMO HACER VALIDACIONES EN EL SERVIDOR

    Hay que controlar la validación en el servidor. La forma más sencilla de verificar el formulario es a través de la propiedad IsValid del objeto Page. Si todos los datos verificados por los controles de validación son satisfactorios, la propiedad tendrá valor true. Si cualquiera de ellos no lo es, será False.

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Enviar (obj as object, e as eventargs)

    If Page.IsValid then

    lblMensaje.Text = "¡Correcto!"

    Else

    lblMensaje.Text = "Alguno de los campos no es válido."

    End if

    End sub

    </script>

    <html><body>

    <form runat="server">

    <asp:Label id="lblEncabezado" runat="server"

    Height="25px" Width="100%" BackColor="#ddaa66"

    ForeColor="white" Font-Bold="true"

    Text="Un ejemplo de validación" />

    <asp:Label id="lblMensaje" runat="server" /><br>

    <asp:Panel id="Panel1" runat="server">

    <table>

    <tr>

    <td width="100" valign="top">

    Nombre y apellidos:

    </td>

    <td width="300" valign="top">

    <asp:TextBox id="tbNombre" runat="server" />

    <asp:TextBox id="tbApellidos" runat="server" />

    <br>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbNombre"

    ErrorMessage="Se necesita el nombre"/><br>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbApellidos"

    ErrorMessage="Se necesitan los apellidos"/><br>

    <asp:CompareValidator runat="server"

    ControlToValidate="tbNombre"

    ControlToCompare="tbApellidos"

    Type="String"

    Operator="NotEqual"

    ErrorMessage="El nombre y los apellidos no pueden ser iguales" />

    </td>

    </tr>

    <tr>

    <td valign="top">Correo electrónico (sólo .com):</td>

    <td valign="top">

    <asp:TextBox id="tbCorreoE"

    runat="server" /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbCorreoE"

    ValidationExpression="\w+\@\w+\.com"

    ErrorMessage="No es un correo electrónico correcto"

    />

    </td>

    </tr>

    <tr>

    <td valign="top">Domicilio:</td>

    <td valign="top">

    <asp:TextBox id="tbDomicilio"

    runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Ciudad, Estado y Zona postal (5-digit):</td>

    <td valign="top">

    <asp:TextBox id="tbCiudad"

    runat="server" />,

    <asp:TextBox id="tbEstado" runat="server"

    size=2 />&nbsp;

    <asp:TextBox id="tbZonaPostal" runat="server"

    size=5 /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbZonaPostal"

    ValidationExpression="[0-9]{5}"

    ErrorMessage="No es una zona postal correcta" />

    <br>

    <asp:RangeValidator runat="server"

    ControlToValidate="tbZonaPostal"

    MinimumValue="00000" MaximumValue="22222"

    Type="String"

    ErrorMessage="No se encuentra en la región adecuada" />

    </td>

    </tr>

    <tr>

    <td valign="top">Teléfono (<i>xxxx-xxxx</i>):</td>

    <td valign="top">

    <asp:TextBox id="tbTelefono" runat="server"

    size=11 /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbTelefono"

    ValidationExpression="[0-9]{4}-[0-9]{4}"

    ErrorMessage="No es un número telefónico correcto"

    />

    </td>

    </tr>

    <tr>

    <td colspan="2" valign="top" align="right">

    <asp:Button id="btEnviar" runat="server"

    text="Agregar"

    OnClick="Enviar" />

    </td>

    </tr>

    </table>

    </asp:Panel>

    </form>

    </body></html>

    <%@ Page Language="c#" %>

    <script runat="server">

    Verifica si todos los controles Validation son válidos.

    public void Enviar(Object obj , EventArgs e)

    {

    if (Page.IsValid)

    {

    lblMensaje.Text = "¡Correcto!";

    }

    else

    {

    lblMensaje.Text = "Alguno de los campos no es válido.";

    }

    }

    </script>

    <html><body>

    <form runat="server">

    <asp:Label id="lblEncabezado" runat="server"

    Height="25px" Width="100%" BackColor="#ddaa66"

    ForeColor="white" Font-Bold="true"

    Text="Un ejemplo de validación" />

    <asp:Label id="lblMensaje" runat="server" /><br>

    <asp:Panel id="Panel1" runat="server">

    <table>

    <tr>

    <td width="100" valign="top">

    Nombre y apellidos:

    </td>

    <td width="300" valign="top">

    <asp:TextBox id="tbNombre" runat="server" />

    <asp:TextBox id="tbApellidos" runat="server" />

    <br>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbNombre"

    ErrorMessage="Se necesita el nombre"/><br>

    <asp:RequiredFieldValidator runat="server"

    ControlToValidate="tbApellidos"

    ErrorMessage="Se necesitan los apellidos"/><br>

    <asp:CompareValidator runat="server"

    ControlToValidate="tbNombre"

    ControlToCompare="tbApellidos"

    Type="String"

    Operator="NotEqual"

    ErrorMessage="El nombre y los apellidos no pueden ser iguales" />

    </td>

    </tr>

    <tr>

    <td valign="top">Correo electrónico (sólo .com):</td>

    <td valign="top">

    <asp:TextBox id="tbCorreoE"

    runat="server" /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbCorreoE"

    ValidationExpression="\w+\@\w+\.com"

    ErrorMessage="No es un correo electrónico correcto"

    />

    </td>

    </tr>

    <tr>

    <td valign="top">Domicilio:</td>

    <td valign="top">

    <asp:TextBox id="tbDomicilio"

    runat="server" />

    </td>

    </tr>

    <tr>

    <td valign="top">Ciudad, Estado y Zona postal (5-digit):</td>

    <td valign="top">

    <asp:TextBox id="tbCiudad"

    runat="server" />,

    <asp:TextBox id="tbEstado" runat="server"

    size=2 />&nbsp;

    <asp:TextBox id="tbZonaPostal" runat="server"

    size=5 /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbZonaPostal"

    ValidationExpression="[0-9]{5}"

    ErrorMessage="No es una zona postal correcta" />

    <br>

    <asp:RangeValidator runat="server"

    ControlToValidate="tbZonaPostal"

    MinimumValue="00000" MaximumValue="22222"

    Type="String"

    ErrorMessage="No se encuentra en la región adecuada" />

    </td>

    </tr>

    <tr>

    <td valign="top">Teléfono (<i>xxxx-xxxx</i>):</td>

    <td valign="top">

    <asp:TextBox id="tbTelefono" runat="server"

    size=11 /><br>

    <asp:RegularExpressionValidator

    runat="server"

    ControlToValidate="tbTelefono"

    ValidationExpression="[0-9]{4}-[0-9]{4}"

    ErrorMessage="No es un número telefónico correcto"

    />

    </td>

    </tr>

    <tr>

    <td colspan="2" valign="top" align="right">

    <asp:Button id="btEnviar" runat="server"

    text="Agregar"

    OnClick="Enviar" />

    </td>

    </tr>

    </table>

    </asp:Panel>

    </form>

    </body></html>

    Ver tema6/ listado0706.aspx

    La colección Validators contiene referencias a todos los controles. Puede iterar por esta colección para determinar la validez de un control en particular:

    public void Enviar(Object obj , EventArgs e)

    {

    if (Page.IsValid)

    {

    lblMensaje.Text = "¡Correcto!";

    }

    else

    {

    Ivalidator objValidator;

    Foreach objValidator in Validators

    {

    lblMensaje.Text += objValidator.ErrorMessage;

    }

    }

    }

    También se puede verificar la propiedad IsValid de cualquier control mediante su nombre. Para ello hay que asignar la propiedad id de cada control de validación. Por ejemplo, si el RegularExpressionValidator del cuadro de texto del correo electrónico tuviera el id valCorreoE:

    If (!valCorreoE.IsValid)

    {

    lblMensaje.Text+=valCorreoE.Message;

    }

    COMO INHABILITAR LA VALIDACIÓN

    Con la propiedad Enabled a False:

    <asp:RegularExpressionValidator runat=”server” ControlToValidate=”tbCodigoPostal” Enabled=”False”/>

    También se puede inhabilitar toda la validación en el cliente estableciendo la propiedad clienttarget de la directiva <% @ Page %> con un valor de downlevel:

    <%@ Page Language=”C#” clienttarget=”downlevel” %>

    Este comando hace que asp.net piense que está tratando con un explorador que no soporta DHTML, por lo que no reconoce estos controles.

    COMO PERSONALIZAR LA VALIDACIÓN

    MENSAJES DE ERROR

    Los controles de validación pueden colocarse en cualquier parte de la página. Por ejemplo, se pueden colocar al principio de la página si se quiere agrupar los mensajes de error.

    Con la propiedad Display en Dynamic el siguiente código muestra los RequiredFieldValidator de los campos nombre y apellido como objetos desplegados de forma dinámica: Se agrupan los controles y se separan cuando aparece un mensaje de error.

    <asp: RequiredFieldValidator runat=”server” ControToValidate=”tbNombre” ErrorMessage=”Se necesita un nombre” Display=”dynamic”/>

    <asp: RequiredFieldValidator runat=”server” ControToValidate=”tbApellidos” ErrorMessage=”Se necesita un apellido” Display=”dynamic”/>

    <asp:CompareValidator runat=”server” ControlToValidate=”tbNombre” ControlToCompare=”tbApellidos” Type=”String” Operator=”NotEqual” ErrorMessage=”El nombre y los apellidos no pueden ser iguales” Display=”dinamic”/>

    COMO MOSTRAR RESÚMENES DE VALIDACIÓN

    Técnicamente, los mensajes de error se colocan donde se encuentre el control Validation en la página. Podemos elegir dónde colocarlos:

    Directo: en el mismo lugar donde se encuentre el control de validación de la página.

    Resumen: en un resumen por separado (podría ser una ventana de aparición súbita en exploradores web que usasn DHTML).

    Tanto en directo como en resumen: los mensajes de error respectivos pueden ser distintos.

    Donde se quiera.

    El método es útil cuando queremos listar todos los mensajes de error en un lugar, como al principìo de la página.

    En lugar de colocar todos sus controles de validación en un lugar, podemos dejarlos donde estásn y valernos del control ValidationSummary. Este control despliega los mensajes de error en un lugar de la página con un formato especificado.

    <asp:ValidationSummary runat=”server” DisplayMode=”BulletList”/>

    Con la adición de la propiedad ShowMessageBox, puede generar un mensaje de aparición súbita con el control VatidationSummary.

    <asp:ValidationSummary runat=”server” ShowMessageBox=”True” DisplayMode=”BulletList”/>

    Se puede establecer la propiedad Text de los controles de validación con cualquier etiqueta HTML válida. Por lo que podemos mostrar imágenes en los mensajes de error.

    CONTROLES DE VALIDACIÓN PERSONALIZADOS

    Si ninguno de los controles de validación satisface nuestras necesidades con el control CustomValidator podemos definir cualquier tipo de validación que se necesite. Hay que crear un procedimiento. Cuando el usuario teclee datos el CustomValidator ejecutará el método que hayamos generado.

    <%@ Page Language="VB" %>

    <script runat="server">

    Sub Enviar(obj as object, e as eventargs)

    ' Hacer algo

    End Sub

    Sub ValideEsto(obj as Object, args as _

    ServerValidateEventArgs)

    If Len(args.Value) < 8 Then

    args.IsValid = False

    Else

    args.IsValid = True

    End If

    End Sub

    </script>

    <html><body>

    <form runat="server">

    <asp:Label id="lblMensaje" runat="server" />

    <table>

    <tr>

    <td valign="top">Nombre de usuario:</td>

    <td valign="top">

    <asp:Textbox id="tbNombreUsuario" runat="server" />

    <br>

    <asp:CustomValidator runat="server"

    OnServerValidate="ValideEsto"

    Display="Dynamic"

    ControlToValidate="tbNombreUsuario"

    ErrorMessage="El nombre del usuario debe tener 8 o más caracteres."/>

    </td>

    </tr>

    <tr>

    <td valign="top">Contraseña:</td>

    <td valign="top">

    <asp:Textbox id="tbContrasenia" runat="server"

    TextMode="password" />

    </td>

    </tr>

    <tr>

    <td align="right" colspan="2">

    <ASP:Button id="tbEnviar" runat="server"

    OnClick="Enviar"

    Text="Enviar" />

    </td>

    </tr>

    </table>

    </form>

    </body></html>

    <%@ Page Language="c#" %>

    <script runat="server">

    public void (Object obj, EventArgs e)

    {

    // Hacer algo;

    }

    args contiene todo lo capturado por el usuario. Uliliza la propiedad value para recuperar el texto contenido en este objeto y la propiedad IsValid para establecer la validez del control.

    public void ValideEsto(Object obj, ServerValidateEventArgs args)

    {

    if(Len(args.Value) < 8)

    args.IsValid = False;

    else

    args.IsValid = True;

    }

    </script>

    <html><body>

    <form runat="server">

    <asp:Label id="lblMensaje" runat="server" />

    <table>

    <tr>

    <td valign="top">Nombre de usuario:</td>

    <td valign="top">

    <asp:Textbox id="tbNombreUsuario" runat="server" />

    <br>

    OnServerValidate se procesa el primero.

    <asp:CustomValidator runat="server"

    OnServerValidate="ValideEsto"

    Display="Dynamic"

    ControlToValidate="tbNombreUsuario"

    ErrorMessage="El nombre del usuario debe tener 8 o más caracteres."/>

    </td>

    </tr>

    <tr>

    <td valign="top">Contraseña:</td>

    <td valign="top">

    <asp:Textbox id="tbContrasenia" runat="server"

    TextMode="password" />

    </td>

    </tr>

    <tr>

    <td align="right" colspan="2">

    <ASP:Button id="tbEnviar" runat="server"

    OnClick="Enviar"

    Text="Enviar" />

    </td>

    </tr>

    </table>

    </form>

    </body></html>

    CustomValidator también permite validar en el cliente. Hay que generar un controlador de eventos en JavaScrip:

    <script language=”JavaScript”>

    function validarLongitud (oSrc,txtValue)

    {

    var retValot=true; //asume que todo está bien

    if(txtValor.length<8)

    {

    retValor=false;

    }

    return retValor;

    }

    </script>

    Luego el control CustomValidator deberá establecer la propiedad OnClientSideValidate hacia el método de JavaScript.

    <asp:CustomValidator runat="server" OnServerValidate="ValideEsto" OnClientSideValidate=”validarLongitud” Display="Dynamic" ControlToValidate="tbNombreUsuario"

    ErrorMessage="El nombre del usuario debe tener 8 o más caracteres."/>

    EJERCICIOS

    Generar dos cuadros de lista con elementos idénticos. Luego generar un control de validación que compare los valores seleccionados y muestre un mensaje de error si no son iguales.

    PREGUNTAS PARA ENTREGAR

  • ¿Cuáles son los 5 controles de validación?

  • Verdadero o falso: Los controles de validación validan en el cliente.

  • ¿Cuáles son las propiedades que todo control de validación debería tener.

  • ¿Qué hace el parámetro clienttarget=downlevel?

  • ¿Qué propiedad del control CustomValidator necesita para establecer el controlador de evento?

  • Si tuviera dos controles de servidor, tbNombre y tbEdad, ¿funcionaría el siguiente validador?

  • <asp:CompareValidator runat=”server” ControlToValidate=”tbNombre” ValueToCompare=”tbEdad” ErrorMessage=”¡Error!”/>

    TEMA 7: INTRODUCCIÓN A LAS BASES DE DATOS

    COMO ACCEDER A DATOS CON ASP.NET

    Cinco pasos:

  • Configurar la conexión a la base de datos.

  • Abrir la conexión.

  • Llenar un conjunto de datos (DataSet) con los datos deseados.

  • Establecer una vía de datos (DataView) para mostrar los datos.

  • Establecer un control de servidor a una vista de datos mediante enlace de datos.

  • <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    Hay que importar los espacios de nombres de datos

    <script language="c#" runat="server">

    public void Page_Load(Object obj, EventArgs e)

    {

    //Configurar conexión

    OleDbConnection objConn= New OleDbConnection ("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\ASPNET\datos\bancario.mdb")

    // Abrir conexión

    OleDbDataAdapter objCmd = New OleDbDataAdapter("SELECT * FROM tblUsuarios;", objConn)

    // Llenar conjunto de datos

    DataSet ds = New DataSet()

    objCmd.Fill(ds, "tblUsuarios")

    //Seleccionar la vista de datos y vincularla con un control del servidor

    Enlaza los datos a un control web DataList que despliega automáticamente los datos. Este control utiliza plantillas para dar formato a los datos e itera automáticamente por los registros de la BBDD.

    MiListaDeDatos.DataSource = ds.Tables("tblUsuarios").DefaultView

    MiListaDeDatos.DataBind()

    }

    </script>

    <html><body>

    <ASP:DataList id="MiListaDeDatos" RepeatColumns="2" RepeatDirection="Vertical" runat="server">

    <ItemTemplate>

    <div style="padding:15,15,15,15;font-size:10pt; font-family:Verdana">

    <div style="font:12pt verdana;color:darkred">

    <i><b>

    Las etiquetas <%# %> son expresiones de enlace de datos, que permite vincular explícitamente un origen de datos a un control de servidor. Lo que ocurra en el origen de datos también ocurrirá en el control.

    <%# DataBinder.Eval(Container.DataItem, "Nombre")%>&nbsp;

    <%# DataBinder.Eval(Container.DataItem, "Apellidos")%>

    </i></b>

    </div>

    <br>

    <b>Domicilio:</b>

    <%#DataBinder.Eval(Container.DataItem, "Domicilio")%><br>

    <b>Ciudad:</b>

    <%#DataBinder.Eval(Container.DataItem,Ciudad")%><br>

    <b>Estado: </b>

    <%# DataBinder.Eval (Container.DataItem, "Estado") %><br>

    <b>CodPostal: </b>

    <%# DataBinder.Eval (Container.DataItem, "CodPostal") %><br>

    <b>Telefono: </b>

    <%# DataBinder.Eval (Container.DataItem, "Telefono") %><br>

    </div>

    </ItemTemplate>

    </ASP:DataList>

    </body></html>

    TEMA 8: USO DE LAS BASES DE DATOS CON ASP.NET

    EL OBJETO DATASET

    Ado.Net gira entorno a este objeto. Reemplaza al RecordSet tradicional de ADO.

    El DataSet es un sencillo almacén de datos residente en memoria qu ofrece un modelo de programación consistente para acceder a datos, sin importar el tipo de éstos. El DataSet contiene conjuntos completos de datos, como restricciones, relaciones e incluso varias tablas a la vez.

    Imagina una caja con varios compartimentos. En cada uno puedes colocar el objeto que quieras siempre y cuando quepa en la caja. Cuando estableces una conexión a la base de datos, le proporcionas a ésta una caja y le indicas que la llene con algo.

    Un objeto DataTable representa a una tabla de datos. El DataSet tiene una colección de estas tablas en el objeto TablesCollection. El DataTable tiene otras dos colecciones Rows y Columns.

    Imagina otra vez la caja. Cada compartimento es un DataTable.

    COMO LLENAR UN DATASET

    <%@ Page Language=”c#”%>

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <script runat="server">

    public void Page_Load(Object obj, EventArgs e)

    {

    //Configurar conexión

    OleDbConnection miConexion= New OleDbConnection ("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\ASPNET\\datos\\bancario.mdb");

    // Abrir conexión

    OleDbDataAdapter miComando = New OleDbDataAdapter("SELECT * FROM tblUsuarios;", miConexion);

    // Llenar conjunto de datos

    DataSet ds = New DataSet();

    miComando.Fill(ds, "tblUsuarios");

    }

    </script>

    <html><body>

    </body></html>

    No es necesario crearse la tabla tblUsuarios. El DataSet lo hace por nosotros.

    ENLACE DE DATOS

    Se puede enlazar casi cualquier tipo de dato a cualquier control o a la propiedad de un control de una página. Esto da un control total del modo en que los datos van del almacén de datos a la página y viceversa. Puedes tan sólo mostrar datos al usuario, usarlos para establecer las propiedades de estilo de un control, o incluso permitir que el usuario modifique los datos y que actualice en almacén de datos.

    Dos formas de enlazar datos a una página asp.net: con la propiedad DataSource de un control o con una expresión de enlace de datos. La primera es la más usada para controles más complejos de servidor. La segunda se puede utilizar en cualquier parte. La sintaxis de una expresión de enlace de datos es la siguiente:

    <%# propiedad o colección %>

    Las expresiones para el enlace de datos sólo se evalúan con el método DataBind().

    <script runat="server">

    string strNombre=”David”;

    string [] miMatriz={“Hola”, “Mundo”};

    string micadena=”David”;

    public void Page_Load(Object obj, EventArgs e)

    {

    Page.DataBind();

    }

    </script>

    <html>

    …..

    Mi nombre es <%# strNombre %>

    <asp:ListBox DataSource='<%# miMatriz %>' runat=”server”/>

    <asp:TextBox text='<%# miCadena %>' runat=”server”/>

    …..

    </html>

    Hay que tener cuidado de que las expresiones de datos devuelvan los tipos de datos que esperan los controles. Por ejemplo, un cuadro de texto espera un valor de cadena. Si la expresión no devuelve una obtendremos un error.

    <asp:TextBox text='<%# miCadena.ToString() %>' runat=”server”/>

    Si ejecutamos DataBind en la página evaluará toda expresión de enlace de datos en al página. Por lo general, esto se hace en el Page_Load:

    public void Page_Load(Object obj, EventArgs e)

    {

    DataBind();

    }

    USO DEL ENLACE DE DATOS

    El verdadero potencial del enlace de datos proviene del uso de valores dinámicos en controles de servidor.

    <script language="c#" runat="server">

    public void Indice_Changed(Object obj, EventArgs e)

    {

    DataBind();

    }

    </script>

    <html><body>

    <form runat="server">

    <asp:Listbox runat="server" id="lbColores"

    width="150"

    AutoPostBack=true

    rows="1"

    SelectionMode="Single"

    OnSelectedIndexChanged="Indice_Changed" >

    <asp:Listitem value="1">Rojo</asp:Listitem>

    <asp:Listitem value=" 2">Azul</asp:Listitem>

    <asp:Listitem value=" 3">Verde</asp:Listitem>

    <asp:Listitem value=" 4">Amarillo</asp:Listitem>

    </asp:Listbox><p>

    Usamos una expresión para enlazar la propiedad SelectedItem del ListBox. Cuando cambia el índice seleccionado ejecuta de nuevo DataBind para enlazar el nuevo valor al label.

    <asp:Label id="lblMensaje" runat="server"

    Text='<%# lbColores.SelectedItem.Text %>' />

    </form>

    </body></html>

    Ver tema8/aa.aspx

    Algunos controles de servidor también pueden enlazarse a clases de datos. Esto se hace con la propiedad DataSource a la que sólo se accede en tiempo de diseño. Tan sólo hay que establecer esta propiedad a una clase de datos (una matriz, por ejemplo) y ejecutar el DataBind.

    <script language="vb" runat="server">

    Sub Page_Load(obj as Object, e as EventArgs)

    If Not Page.IsPostBack Then

    ' Genere una matriz de colores

    dim arrColores() as string = _

    {"rojo", "naranja", "amarillo", "verde", _

    "azul", "añil", "violeta"}

    lbColores.DataSource = arrColores

    lbColores.SelectedIndex = 0

    End If

    DataBind()

    End Sub

    </script>

    <html><body>

    <form runat="server">

    <asp:Listbox runat="server" id="lbColores"

    width="150"

    AutoPostBack="true"

    SelectionMode="Single" >

    </asp:Listbox><p>

    <asp:Label id="lblMensaje" runat="server"

    Text='<%# lbColores.selectedItem.Text %>' />

    </form>

    </body></html>

    <script language="c#" runat="server">

    public void Page_Load(Object obj, EventArgs e)

    {

    Al usar PostBack sólo generamos la matriz la primera vez que se vea la página.

    if (!Page.IsPostBack)

    {

    //Genere una matriz de colores

    string [] arrColores = {"rojo", "naranja", "amarillo", "verde","azul", "añil", "violeta"};

    lbColores.DataSource = arrColores;

    lbColores.SelectedIndex = 0;

    }

    DataBind();

    }

    </script>

    <html><body>

    <form runat="server">

    <asp:Listbox runat="server" id="lbColores"

    width="150"

    AutoPostBack="true"

    SelectionMode="Single" >

    </asp:Listbox><p>

    <asp:Label id="lblMensaje" runat="server"

    Text='<%# lbColores.SelectedItem.Text %>' />

    </form>

    </body></html>

    '{ASP}'

    Ver tema8/9.7.aspx

    Al usar PostBack sólo generamos la matriz la primera vez que se vea la página. Esta verificación también tiene otro propósito, si la omitimos recibiremos un error de “se encontró el valor null donde se requería una instancia de un objeto” de la etiqueta.

    SIN POSTBACK CON POSTBACK

    Evento Page-Load Evento Page-Load

    Inicializar ListBox ¿Se envió el formulario?

    (DataBind)

    SI NO(Primera vista)

    Controlar Cambio

    (DataBind)

    Controlar Cambio Inicializar ListBox

    (DataBind) (DataBind)

    Interpretar página Interpretar página

    Interpretar página

    CONTROLES ENLAZADOS A DATOS

    Son los controles de lista: Repeater, DataList y DataGrid. Toman colecciones de datos e iteran por ellos automáticamente. Similares a los demás controles, como DropDownList y ListBox, pero con funcionalidad más compleja. Funcionan como contenedores de otros controles que realmente muestran los datos, como las etiquetas.

    EL CONTROL DE SERVIDOR REPEATER

    Es contenedor que itera por los datos. No tiene un despliegue predeterminado. Hay que establecer su disposición con controles de plantilla. Tiene una interfaz muy flexible. Si no se establece una disposición, el control no será interpretado.

    Las plantillas son controles que permiten usar etiquetas y texto HTML, así como otros controles para controlasr el despliegue de datos en controles Web enriquecidos. El control Repeater permite los siguientes tipos de plantillas:

    ItemTemplate: Es necesaria para este control. Produce una fila de resultados para cada registro de datos. Usa otros controles de servidor para mostrar los datos reales enlazándolos a los campos adecuados.

    AlternatingItemTemplate: Igual que ItemTemplate, pero se interpreta para mostrar cada fila alternativa de datos. Esto permite especificar diferentes configuraciones de estilo, como alternar colores de las filas.

    HeaderTemplate y FooterTemplate: Generan directamente HTML antes y después de las filas de datos que serán interpretadas. Un uso típico sería abrir y cerrar tablas con las etiquetas <table> y </table>.

    SeparatorTemplate: Estas plantillas generan elementos entre cada fila de datos, como las etiquetas HTML <br>,<p> o <HR>.

    Estas plantillsa sólo se usan como contenedores para el despliegue de datos.

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <script runat="server">

    Sub Page_Load(obj As Object, e As EventArgs)

    ' Establezca la conexión

    Dim miConexion As New OleDbConnection _

    ("Provider=Microsoft.Jet.OLEDB.4.0;" & _

    "Data Source=C:\ASPNET\datos\bancario.mdb")

    ' Abra la conexión

    Dim miComando As New OleDbDataAdapter _

    ("SELECT * FROM tblUsuarios;", miConexion)

    ' Llene el conjunto de datos

    Dim ds As DataSet = New DataSet()

    miComando.Fill(ds, "tblUsuarios")

    ' Seleccione la vista de datos y vincúlela al control del servidor

    Repeater1.DataSource = ds.Tables("tblUsuarios"). _

    DefaultView

    DataBind()

    end sub

    </script>

    <html><body>

    <ASP:Repeater id="Repeater1" runat="server" >

    <HeaderTemplate>

    <table>

    <tr>

    <td bgcolor="#cccc99" width=200><b>Nombre</b></td>

    <td bgcolor="#cccc99" width=200><b>Teléfono</b></td>

    </tr>

    </HeaderTemplate>

    <ItemTemplate>

    <tr>

    <td> <%# Container.DataItem("Nombre") %>&nbsp;

    <%# Container.DataItem("Apellidos") %>

    </td>

    <td> <%# Container.DataItem("Telefono") %> </td>

    </tr>

    </ItemTemplate>

    <AlternatingItemTemplate>

    <tr>

    <td bgcolor="#cccc99"">

    <%# Container.DataItem("Nombre") %>&nbsp;

    <%# Container.DataItem("Apellidos") %>

    </td>

    <td bgcolor="#cccc99">

    <%# Container.DataItem("Telefono") %>

    </td>

    </tr>

    </AlternatingItemtemplate>

    <SeparatorTemplate>

    <tr>

    <td colspan="2" align="center">

    - - -

    </td>

    </tr>

    </SeparatorTemplate>

    <FooterTemplate>

    </table>

    </FooterTemplate>

    </ASP:Repeater>

    </body></html>

    ver tema8/9.8VB

    <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="_9._8C.WebForm1" %>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

    <HTML>

    <body>

    Declaro el control Repeater

    <asp:Repeater id="Repeater1" runat="server">

    El encabezado sólo genera una tabla HTML y despliega los encabezados de las columnas nombre y teléfono

    <HeaderTemplate>

    <table>

    <tr>

    <td bgcolor="#cccc99" width=200><b>Nombre</b></td>

    <td bgcolor="#cccc99" width=200><b>Teléfono</b></td>

    </tr>

    </HeaderTemplate>

    Enlazamos tres controles de datos a la página en esta plantilla y el Repeater itera por por resultados.

    <ItemTemplate>

    <tr>

    <td> <%# DataBinder.Eval(Container,"DataItem.Nombre") %>&nbsp;

    <%# DataBinder.Eval(Container,"DataItem.Apellidos") %>

    </td>

    <td> <%# DataBinder.Eval(Container,"DataItem.Telefono")%> </td>

    </tr>

    </ItemTemplate>

    La plantilla alternativa muestra un color de fondo diferente para las distintas filas, por lo demás hace lo mismo que el ItemTemplate.

    <AlternatingItemTemplate>

    <tr>

    <td bgcolor="#cccc99"">

    <%# DataBinder.Eval(Container,"DataItem.Nombre") %>&nbsp;

    <%# DataBinder.Eval(Container,"DataItem.Apellidos") %>

    </td>

    <td bgcolor="#cccc99">

    <%# DataBinder.Eval(Container,"DataItem.Telefono") %>

    </td>

    </tr>

    </AlternatingItemtemplate>

    La plantilla separadora sólo añade un separador entre filas.

    <SeparatorTemplate>

    <tr>

    <td colspan="2" align="center">

    - - -

    </td>

    </tr>

    </SeparatorTemplate>

    La plantilla de pie cierra la tabla.

    <FooterTemplate>

    </table>

    </FooterTemplate>

    </asp:Repeater>

    </body>

    </HTML>

    ASPX.CS

    private void Page_Load(object sender, System.EventArgs e)

    {

    OleDbConnection miConexion = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\Documents and Settings\\mvaldericeda\\Escritorio\\asp.net\\Ejercicios\\bancario.mdb");

    // Abre la conexión

    OleDbDataAdapter miComando =new OleDbDataAdapter("SELECT * FROM tblUsuarios;", miConexion);

    // Llena el conjunto de datos

    DataSet ds = new DataSet();

    miComando.Fill(ds, "tblUsuarios");

    // Selecciona la vista de datos y la vinculas al control del servidor

    Repeater1.DataSource = ds.Tables[0];

    DataBind();

    }

    ver tema8/9.8C

    El control Repeater tiene un evento:ItemCreated.

    ItemCreated: Se desencadena siempre antes de que se genere un elemento o plantilla. Se puede usar para establecer propiedades a través de código en tiempo de ejecución. Su sintaxis es:

    Public void Nombre_ItemCreated (Object obj, RepeaterItemEventArgs e)

    RepeaterItemEventArgs tiene la propiedad Item, que es el elemento que ha generado.

    public void Repeater1_ItemCreated (object obj, RepeaterItemEventArgs e)

    {

    string tipo="";

    switch (e.Item.ItemType)

    {

    case ListItemType.Item:

    tipo="Item";

    break;

    case ListItemType.AlternatingItem:

    tipo="AlternatingItem";

    break;

    case ListItemType.Header:

    tipo="Header";

    break;

    case ListItemType.Footer:

    tipo="Footer";

    break;

    case ListItemType.Separator:

    tipo="Separator";

    break;

    }

    Label1.Text=Label1.Text + "Se ha generado un " + tipo + " del repetidor <br>";

    }

    ver tema8/Rep1

    El control Repeater sólo presenta datos, no permite que los usuarios modifiquen el origen de datos. Si quieres permitirlo tendrás que usar los controles DataList o DataGrid.

    EL CONTROL DE SERVIDOR DATALIST

    Similar al Repeater, excepto que permite la comunicación con el usuario y la modificación de los datos. Este control se puede usar con plantillas para listar elementos como lo haría el Repeater. Pero el DataList sólo admite dos tipos de plantillas adicionales:

    SelectedItemTemplate: Contiene elementos adicionales que serán interpretados sólo cuando el usuario elija un elemento en el control DataList. Usos típicos:modificar las propiedades de estilo para reflejar la selección de una fila, o expandir el elemento como en un listado jerárquico (principal y secundario).

    EditItemTemplate: Especifica la disposición de un elemento cuando se encuetre en modo edición.

    Trabajar con DataList

    El control DataList muestra los elementos de datos en una lista de repeticiones y admite opcionalmente la selección y edición de elementos. El contenido y diseño de los elementos de la lista de DataList se define utilizando plantillas. Como mínimo, todos los controles DataList deben definir un ItemTemplate; sin embargo, algunas plantillas opcionales se pueden utilizar para personalizar el aspecto de la lista. La siguiente tabla enumera las plantillas.

    Nombre de la plantilla

    Descripción

    ItemTemplate

    Define el contenido y diseño de los elementos de la lista. Requerido.

    AlternatingItemTemplate

    Si se define, determina el contenido y diseño de elementos alternos. Si no se define, se utiliza ItemTemplate.

    Plantilla del separador

    Si se define, se procesa entre elementos (y elementos alternos). Si no se define, no se procesa el separador.

    SelectedItemTemplate

    Si se define, determina el contenido y diseño del elemento seleccionado. Si no se define, se utiliza ItemTemplate (AlternatingItemTemplate).

    EditItemTemplate

    Si se define, determina el contenido y diseño del elemento que se edita. Si no se define, se utiliza ItemTemplate (AlternatingItemTemplate, SelectedItemTemplate).

    Plantilla de encabezado

    Si se define, determina el contenido y diseño del encabezado de la lista. Si no se define, no se procesa el encabezado.

    Plantilla de pie de página

    Si se define, determina el contenido y diseño del pie de página de la lista. Si no se define, no se procesa el pie de página.

    Las plantillas definen los elementos y controles HTML que se deben mostrar para un elemento, así como el diseño de estos elementos. El formato de estilo: fuente, color y atributos de bordes, se establece a través de los estilos. Cada plantilla tiene su propiedad de estilo. Por ejemplo, los estilos de EditItemTemplate se establecen mediante la propiedad EditItemStyle.

    Un tercer conjunto de propiedades afectan al procesamiento general de DataList. De forma predeterminada, los elementos de DataList se procesan en una tabla como una columna individual vertical. Al establecer la propiedad RepeatLayout en Flow se quita la estructura de tabla HTML del procesamiento de la lista.

    DataList admite procesamiento direccional mediante la propiedad RepeatDirection, es decir, que puede procesar los elementos horizontal o verticalmente. Dado que el ancho de página es la dimensión que el desarrollador debe controlar en la interfaz de usuario Web, el control DataList permite que el desarrollador controle el número de columnas que se procesan (RepeatColumns), independientemente de si se procesan horizontal o verticalmente los elementos.

    Si RepeatDirection es igual a Horizontal y RepeatColumns es cinco, los elementos se procesan en filas que contienen cinco columnas.

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

     

     

    Si RepeatDirection es igual a Vertical y RepeatColumns está establecido en cinco, los elementos se procesan en cinco columnas, cada una igual en longitud al número total de elementos dividido por cinco.

    1

    4

    7

    10

    13

    2

    5

    8

    11

     

    3

    6

    9

    12

     

    <%@ Page Language="VB" Debug="true"%>

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <script runat="server">

    Sub Page_Load(obj As Object, e As EventArgs)

    ' Establezca la conexión

    Dim miConexion As New OleDbConnection _

    ("Provider=Microsoft.Jet.OLEDB.4.0;" & _

    "Data Source=C:\Inetpub\wwwroot\bancario.mdb")

    ' Abra la conexión

    Dim miComando As New OleDbDataAdapter _

    ("SELECT * FROM tblUsuarios;", miConexion)

    ' Llene el conjunto de datos

    Dim ds As DataSet = New DataSet()

    miComando.Fill(ds, "tblUsuarios")

    ' Seleccione la vista de datos y vincúlela al control del servidor

    DataList1.DataSource = ds.Tables("tblUsuarios"). _

    DefaultView

    DataBind()

    end sub

    sub DataList1_ItemCommand(obj As object, e As _

    DataListCommandEventArgs)

    DataList1.SelectedIndex = e.Item.ItemIndex

    DataList1.DataBind()

    end sub

    </script>

    <html><body><Form runat="server">

    <asp:DataList id="DataList1" runat="server"

    SelectedItemStyle-BackColor="#cccc99"

    repeatlayout="table"

    repeatdirection="horizontal"

    DataKeyField="IDUsuario"

    OnItemCommand="DataList1_ItemCommand">

    <ItemTemplate>

    <asp:LinkButton id="button1" runat="server"

    Text='<%# Container.DataItem("Nombre") & " " & _

    Container.DataItem("Apellidos") %>'

    CommandName="Select" />

    <p>

    </ItemTemplate>

    <SelectedItemTemplate>

    <%# Container.DataItem("Nombre") & " " & _

    Container.DataItem("Apellidos") %><br>

    Teléfono:

    <%# Container.DataItem("Telefono") %>

    <br>

    Domicilio:

    <%# Container.DataItem("Domicilio") %>

    <br>

    <%# Container.DataItem("Ciudad") %>,

    <%# Container.DataItem("Estado") %>

    &nbsp;<%# Container.DataItem("codpostal") %>

    <br>

    </SelectedItemTemplate>

    </asp:DataList>

    </form>

    </body></html>

    Ver tema8/dataListVB.aspx

    <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="DataList1.WebForm1" %>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

    <HTML>

    <HEAD>

    <title>WebForm1</title>

    <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">

    <meta name="CODE_LANGUAGE" Content="C#">

    <meta name="vs_defaultClientScript" content="JavaScript">

    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

    </HEAD>

    <body MS_POSITIONING="GridLayout">

    <form id="Form1" method="post" runat="server">

    Declaro un control DataList

    SelectedItemStyle-BackColor define el color de fondo de SelectedItemTemplate cuando está visible.

    DataKeyField es el nombre del campo que se usará como clave principal de los datos.

    <asp:DataList id="DataList1" runat="server"

    SelectedItemStyle-BackColor="#cccc99"

    repeatlayout="table"

    repeatdirection="horizontal"

    DataKeyField="IDUsuario"

    OnItemCommand="DataList1_ItemCommand">

    <ItemTemplate>

    Genero un control LinkButton que está enlazado a las columnas Nombre y Apellidos. Cuando se haga clic en el vínculo, generará y pasará el comando Select al DataList.

    <asp:LinkButton id="button1" runat="server" CommandName="Select" >

    <%# DataBinder.Eval(Container,"DataItem.Nombre")%> <%#DataBinder.Eval(Container,"DataItem.Apellidos") %>

    </asp:LinkButton>

    <p>

    </ItemTemplate>

    Esta plantilla muestra información enlazada a los datos.

    <SelectedItemTemplate>

    <%# DataBinder.Eval(Container,"DataItem.Nombre")%>

    <%# DataBinder.Eval(Container,"DataItem.Apellidos")%><br>

    Teléfono:

    <%# DataBinder.Eval(Container,"DataItem.Telefono") %>

    <br>

    Domicilio:

    <%# DataBinder.Eval(Container,"DataItem.Domicilio") %>

    <br>

    <%# DataBinder.Eval(Container,"DataItem.Ciudad") %>,

    <%# DataBinder.Eval(Container,"DataItem.Provincia") %>

    &nbsp;<%# DataBinder.Eval(Container,"DataItem.codpostal") %>

    <br>

    </SelectedItemTemplate>

    </asp:DataList>

    </form>

    </body>

    </HTML>

    .ASPX.CS

    private void Page_Load(object sender, System.EventArgs e)

    {

    OleDbConnection miConexion = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb");

    // Abre la conexión

    OleDbDataAdapter miComando =new OleDbDataAdapter("SELECT * FROM tblUsuarios;", miConexion);

    // Llena el conjunto de datos

    DataSet ds = new DataSet();

    miComando.Fill(ds, "tblUsuarios");

    // Selecciona la vista de datos y vincúlela al control del servidor

    DataList1.DataSource = ds.Tables[0];

    DataBind();

    }

    public void DataList1_ItemCommand(object obj,DataListCommandEventArgs e)

    {

    DataList1.SelectedIndex = e.Item.ItemIndex;

    DataList1.DataBind();

    }

    Ver tema8/DataList1

    Ejercicio:

    Tenemos un DataList, tres DropDown y un CheckBox. El DataList debe cambiar el aspecto según seleccionemos. Dirección: Horizontal o Vertical. Layout: Tabla o Flor. Columnas de 1 a 5.

    '{ASP}'

    '{ASP}'

    '{ASP}'

    '{ASP}'

    Solución tema8/ejercicio1

    MODIFICACIÓN DE ELEMENTOS

    El control DataList admite la edición directa de los datos de un elemento mediante la propiedad EditItemTemplate . EditItemTemplate define el contenido y el aspecto del elemento cuando se está editando. Por ejemplo, la siguiente plantilla incluye un cuadro de texto, un botón "Actualizar" y un botón "Cancelar".

    <EditItemTemplate>
    Item:

    <asp:TextBox id="Text1" runat="server"
        Text='<%# ((DataRowView)Container.DataItem)["Item"] %>' />

    <br>
    <asp:LinkButton id="button1" runat="server" Text="Update" CommandName="update" />
    <asp:LinkButton id="button2" runat="server"Text="Cancel"
        CommandName="cancel"/>
    </EditItemTemplate>

    EditItemTemplate interactúa con otra propiedad: EditItemIndex. De forma predeterminada, el valor de EditItemIndex es igual a -1, es decir, no se está editando ninguno de los elementos de la lista. Cuando EditItemIndex se establece en un elemento determinado, ese elemento se muestra utilizando EditItemTemplate.

    DataList también proporciona tres eventos que se pueden utilizar por compatibilidad con la edición. Se inicia EditCommand cuando se hace clic en el control del botón de comando "Editar" en ItemTemplatede la lista. El control de este evento en el código depende del usuario. La lógica típica establece EditItemIndex en el elemento seleccionado y, a continuación, vuelve a enlazar los datos de DataList como se muestra en el siguiente ejemplo:

    protected void DataList_EditCommand(object Source,DataListCommandEventArgs e)

    {

    DataList1.EditItemIndex = (int)e.Item.ItemIndex;

    BindList();

    }

    EditItemTemplate contiene normalmente botones de comando "Actualizar" y "Cancelar". Estos botones provocan que se inicien los eventos UpdateCommand y CancelCommand, respectivamente. Controlar estos eventos en el código depende del usuario. La lógica típica de "Cancelar" establece EditItemIndex en -1 y, a continuación, vuelve a enlazar los datos de DataList como muestra el siguiente ejemplo:

    protected void DataList_CancelCommand(object Source, DataListCommandEventArgs e)

    {

    DataList1.EditItemIndex = -1;

    BindList();

    }

    Protected Sub DataList_CancelCommand(Source As Object, e As DataListCommandEventArgs)

    DataList1.EditItemIndex = -1

    BindList()

    End Sub

    protected function DataList_CancelCommand(Source:Object, e:DataListCommandEventArgs) : void {

    DataList1.EditItemIndex = -1;

    BindList();

    }

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <script runat="server">

    Sub Page_Load(obj As Object, e As EventArgs)

    ' Establezca la conexión

    Dim miConexion As New OleDbConnection _

    ("Provider=Microsoft.Jet.OLEDB.4.0;" & _

    "Data Source=C:\ASPNET\datos\bancario.mdb")

    ' Abra la conexión

    Dim miComando As New OleDbDataAdapter _

    ("SELECT * FROM tblUsuarios;", miConexion)

    ' Llene el conjunto de datos

    Dim ds As DataSet = New DataSet()

    miComando.Fill(ds, "tblUsuarios")

    ' Seleccione la vista de datos y vincúlela al control del servidor

    DataList1.DataSource = ds.Tables("tblUsuarios"). _

    DefaultView

    DataBind()

    end sub

    Sub DataList1_ItemCommand(obj As object, e As _

    DataListCommandEventArgs)

    DataList1.SelectedIndex = e.Item.ItemIndex

    DataList1.DataBind()

    End Sub

    sub DataList1_EditCommand(obj As object, e As _

    DataListCommandEventArgs)

    DataList1.EditItemIndex = e.Item.ItemIndex

    DataList1.DataBind()

    end sub

    Sub DataList1_CancelCommand(obj As object, e As _

    DataListCommandEventArgs)

    DataList1.EditItemIndex = -1

    DataList1.DataBind()

    End Sub

    Sub DataList1_UpdateCommand(obj As object, e As _

    DataListCommandEventArgs)

    ' Actualizar el almacén de datos

    DataList1.DataBind()

    End Sub

    Sub DataList1_DeleteCommand(obj As object, e As _

    DataListCommandEventArgs)

    ' Suprimir del almacén de datos

    DataList1.DataBind()

    End Sub

    </script>

    <html><body><Form runat="server">

    <asp:DataList id="DataList1" runat="server"

    SelectedItemStyle-BackColor="#cccc99"

    repeatlayout="table"

    repeatdirection="horizontal"

    OnItemCommand="DataList1_ItemCommand"

    OnEditCommand="DataList1_EditCommand"

    OnCancelCommand="DataList1_CancelCommand"

    OnUpdateCommand="DataList1_UpdateCommand"

    OnDeleteCommand="DataList1_DeleteCommand"

    DataKeyField="IDUsuario">

    <ItemTemplate>

    <asp:LinkButton id="button1" runat="server"

    Text='<%# Container.DataItem("Nombre") & _

    " " & Container.DataItem("Apellidos") %>'

    CommandName="Edit" />

    <p>

    </ItemTemplate>

    <EditItemTemplate>

    <asp:LinkButton id="lbtCancel" runat="server"

    CommandName="Cancel"

    Text="Cancelar" />

    <asp:LinkButton id="lbtUpdate" runat="server"

    CommandName="Update"

    Text="Actualizar" />

    <asp:LinkButton id="lbtDelete" runat="server"

    CommandName="Delete"

    Text="Suprimir" />

    </EditItemTemplate>

    </asp:DataList>

    </form>

    </body></html>

    Ver tema8/DataListVB2

    <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="DataList1.WebForm1" %>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

    <HTML>

    <HEAD>

    <title>WebForm1</title>

    <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">

    <meta name="CODE_LANGUAGE" Content="C#">

    <meta name="vs_defaultClientScript" content="JavaScript">

    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

    </HEAD>

    <body MS_POSITIONING="GridLayout">

    <form id="Form1" method="post" runat="server">

    <asp:DataList id="DataList1" runat="server"

    SelectedItemStyle-BackColor="#cccc99"

    repeatlayout="table"

    repeatdirection="horizontal"

    DataKeyField="IDUsuario"

    OnItemCommand="DataList1_ItemCommand">

    <ItemTemplate>

    <asp:LinkButton id="button1" runat="server" CommandName="Edit" >

    <%# DataBinder.Eval(Container,"DataItem.Nombre")%> <%#DataBinder.Eval(Container,"DataItem.Apellidos") %>

    </asp:LinkButton>

    <p>

    </ItemTemplate>

    <SelectedItemTemplate>

    <%# DataBinder.Eval(Container,"DataItem.Nombre")%>

    <%# DataBinder.Eval(Container,"DataItem.Apellidos")%><br>

    Teléfono:

    <%# DataBinder.Eval(Container,"DataItem.Telefono") %>

    <br>

    Domicilio:

    <%# DataBinder.Eval(Container,"DataItem.Domicilio") %>

    <br>

    <%# DataBinder.Eval(Container,"DataItem.Ciudad") %>,

    <%# DataBinder.Eval(Container,"DataItem.Provincia") %>&nbsp;

    <%# DataBinder.Eval(Container,"DataItem.codpostal") %>

    <br>

    </SelectedItemTemplate>

    <EditItemTemplate>

    <asp:LinkButton id="lbtCancel" runat="server"

    CommandName="Cancel"

    Text="Cancelar" />

    <asp:LinkButton id="lbtUpdate" runat="server"

    CommandName="Update"

    Text="Actualizar" />

    <asp:LinkButton id="lbtDelete" runat="server"

    CommandName="Delete"

    Text="Suprimir" />

    </EditItemTemplate>

    </asp:DataList>

    </form>

    </body>

    </HTML>

    Este listado aún no funcionará. Primero hay que definir los métodos para controlar sus eventos. Cuando los usuarios hagan clic en cada elemento, parecerá un menú de opciones, gracias al EditItemTemplate.

    También se ha modificado el comando “Select” del LinkButton a “Edit”. Este es un comando que desencadena automáticamente el evento EditCommand del DataList. Tendremos que declarar un controlador de evento.

    public void DataList1_EditCommand(object obj,DataListCommandEventArgs e)

    {

    DataList1.EditItemIndex=e.Item.ItemIndex;

    DataList1.DataBind();

    }

    Establecemos la propiedad EditItemIndex al elemento seleccionado, y cambia a modo de edición para ese elemento para que el usuario modifique los campos, lo que a la vez acrualizará el almacén de datos.

    public void DataList1_CancelCommand(object obj,DataListCommandEventArgs e)

    {

    DataList1.EditItemIndex=-1;

    DataList1.DataBind();

    }

    public void DataList1_UpdateCommand(object obj,DataListCommandEventArgs e)

    {

    DataList1.DataBind();

    }

    public void DataList1_DeleteCommand(object obj,DataListCommandEventArgs e)

    {

    DataList1.DataBind();

    }

    Ver tema8/DataList2

    EL CONTROL DE SERVIDOR DATAGRID

    Similar a los controles DataList y Repeater, excepto porque ofrece más funcionalidad. Utiliza columnas para mostrar los datos en un diseño de cuadrícula. De forma predeterminada genera una columna para cada campo del almacén de datos. Se puede especificar manualmente qué campos desplegar y cómo desplegarlos. Tipos de columnas:

    Columnas Enlazadas: Permiten especificar cuáles columnas mostrar y en qué orden, y dar formato a los atributos de estilo. Son las que usa de forma predeterminada.

    Columnas de Botón: Muestran botones para todos los elementos de la cuadrícula, par los cuales definirá una funcionalidad propia.

    Columnas del comando Edit: Permite modificar elementos.

    Columnas de hipervínculo: Muestra los datos como hipervínculos.

    Columnas por plantillas: Se pueden usar plantillas, como con los controles Repeater y DataList, para definir formatos propios para las columnas.

    El control DataGrid elige automáticamente un tipo de columna de acuerdo con los datos que se mostrarán.

    Ejemplo de DataGrid

    <%@ Page Language="VB" Debug="true"%>

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <script runat="server">

    Sub Page_Load(obj As Object, e As EventArgs)

    try

    ' Establezca la conexión

    Dim miConexion As New OleDbConnection _

    ("Provider=Microsoft.Jet.OLEDB.4.0;" & _

    "Data Source=C:\Inetpub\wwwroot\bancario.mdb")

    ' Abra la conexión

    Dim miComando As New OleDbDataAdapter _

    ("SELECT * FROM tblUsuarios;", miConexion)

    ' Llene el conjunto de datos

    Dim ds As DataSet = New DataSet()

    miComando.Fill(ds, "tblUsuarios")

    ' Seleccione la vista de datos y vincúlela al control del servidor

    DataGrid1.DataSource = ds.Tables("tblUsuarios").DefaultView

    DataBind()

    catch ex as Exception

    Response.Write (ex.Message)

    end try

    end sub

    </script>

    <html><body><Form runat="server">

    <asp:DataGrid id="DataGrid1" runat="server"

    BorderColor="black"

    GridLines="Vertical"

    cellpadding="4"

    cellspacing="0"

    width="450"

    Font-Names="Arial"

    Font-Size="8pt"

    ShowFooter="True"

    HeaderStyle-BackColor="#cccc99"

    FooterStyle-BackColor="#cccc99"

    ItemStyle-BackColor="#ffffff"

    AlternatingItemStyle-Backcolor="#cccccc"

    AutoGenerateColumns="True">

    <Columns>

    <asp:TemplateColumn HeaderText="Nombre">

    <ItemTemplate>

    <asp:Label id="Nombre" runat="server"

    Text='<%# Container.DataItem("Nombre")& _

    " " & Container.DataItem("Apellidos") %>'/>

    </ItemTemplate>

    </asp:TemplateColumn>

    <asp:BoundColumn HeaderText="Domicilio"

    DataField="Domicilio"/>

    <asp:BoundColumn HeaderText="Ciudad" DataField="Ciudad"/>

    <asp:BoundColumn HeaderText="Provincia"

    DataField="Provincia" />

    <asp:BoundColumn HeaderText="Código postal" DataField="codPostal" />

    <asp:HyperlinkColumn HeaderText="Modificar" text="Modificar"

    NavigateURL="edit.aspx"/>

    <asp:ButtonColumn HeaderText="¿Suprimir?" text="X"

    CommandName="delete"

    ButtonType="PushButton"/>

    </Columns>

    </asp:DataGrid>

    </form>

    </body></html>

    Ver tema8/dg1VB.aspx

    <%@ Page Language="C#" Debug="true"%>

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <script runat="server">

    private void Page_Load(object sender, System.EventArgs e)

    {

    try

    {

    // Establezco la conexión

    OleDbConnection miConexion= new OleDbConnection ("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb");

    // Abro la conexión

    OleDbDataAdapter miComando = new OleDbDataAdapter("SELECT * FROM tblUsuarios;",

    miConexion);

    // Lleno el conjunto de datos

    DataSet ds= new DataSet();

    miComando.Fill(ds, "tblUsuarios");

    // Selecciono la vista de datos y la vinculo al control del servidor

    DataGrid1.DataSource = ds.Tables["tblUsuarios"].DefaultView;

    DataGrid1.DataBind();

    }

    catch (Exception ex)

    {

    Response.Write (ex.Message);

    }

    }

    </script>

    <html>

    <body>

    <Form runat="server">

    Establezco las propiedades del DataGrid

    <asp:DataGrid id="DataGrid1" runat="server"

    BorderColor="black"

    GridLines="Vertical"

    cellpadding="4"

    cellspacing="0"

    width="450"

    Font-Names="Arial"

    Font-Size="8pt"

    ShowFooter="True"

    HeaderStyle-BackColor="#cccc99"

    FooterStyle-BackColor="#cccc99"

    ItemStyle-BackColor="#ffffff"

    AlternatingItemStyle-Backcolor="#cccccc"

    En esta línea le indico al DataGrid que quiero configurar mis propias columnas

    AutoGenerateColumns="True">

    Para definir las columnas personalizadas tendré que agregarlas a la colección Columns del DataGrid. TemplateColumn, HyperlinkColumn, BoundColumn y ButtonColumn son controles utilizados específicamente para el control DataGrid.

    <Columns>

    <asp:TemplateColumn HeaderText="Nombre">

    <ItemTemplate>

    <asp:Label id="Nombre" runat="server"

    Text='<%# DataBinder.Eval(Container.DataItem,"Nombre") + " " +

    DataBinder.Eval(Container.DataItem,"Apellidos") %>'/>

    </ItemTemplate>

    </asp:TemplateColumn>

    BoundColumn utiliza la propiedad DataField para para enlazarse al almacén de datos.

    <asp:BoundColumn HeaderText="Domicilio"

    DataField="Domicilio"/>

    <asp:BoundColumn HeaderText="Ciudad" DataField="Ciudad"/>

    <asp:BoundColumn HeaderText="Provincia"

    DataField="Provincia" />

    <asp:BoundColumn HeaderText="Código postal" DataField="codPostal" />

    <asp:HyperlinkColumn HeaderText="Modificar" text="Modificar"

    NavigateURL="edit.aspx"/>

    ButtonColumn muestra de forma predeterminada un control LinkButton, pero puede usar la propiedad ButtonType para establecer un tipo distinto.

    <asp:ButtonColumn HeaderText="¿Suprimir?" text="X"

    CommandName="delete"

    ButtonType="PushButton"/>

    </Columns>

    </asp:DataGrid>

    </form>

    </body></html>

    Ver tema8/dg1C.aspx

    DataBinder.Eval

    El marco de trabajo ASP.NET proporciona un método estático que evalúa expresiones de enlace de datos enlazadas en tiempo de ejecución y, de forma opcional, aplica un formato de cadena al resultado. DataBinder.Eval resulta práctico en cuanto a que elimina gran parte de la conversión de tipos explícita que debe realizar el programador para convertir valores en el tipo de datos deseado. Resulta especialmente útil al enlazar datos con controles en una lista con plantillas, ya que con frecuencia la fila de datos y el campo de datos deben estar convertidos.

    Considérese el siguiente ejemplo, en el que un entero se visualiza como una cadena de moneda. Con la sintaxis de enlace de datos estándar de ASP.NET, se debe realizar primero la conversión del tipo de la fila de datos para recuperar el campo de datos, IntegerValue. A continuación, se pasa como argumento al método String.Format.

    <%# String.Format("{0:c}", ((DataRowView)Container.DataItem)["IntegerValue"]) %>

    Esta sintaxis puede resultar compleja y difícil de recordar. En contraste, DataBinder.Eval es simplemente un método con tres argumentos: el contenedor que da nombre al elemento de datos, el nombre del campo de datos y una cadena de formato. En una lista con plantillas, como DataList, DataGrid o Repeater, el contenedor que da nombre es siempre Container.DataItem. Page es otro contenedor de nombres que se puede utilizar con DataBinder.Eval.

    <%# DataBinder.Eval(Container.DataItem, "IntegerValue", "{0:c}") %>

    MODIFICACIÓN DE ELEMENTOS

    Simplemente hay que generar un EditCommandColumn.

    <asp:DataGrid id="DataGrid1" runat="server"

    BorderColor="black"

    GridLines="Vertical"

    cellpadding="4"

    cellspacing="0"

    width="450"

    Font-Names="Arial"

    Font-Size="8pt"

    ShowFooter="True"

    HeaderStyle-BackColor="#cccc99"

    FooterStyle-BackColor="#cccc99"

    ItemStyle-BackColor="#ffffff"

    AlternatingItemStyle-Backcolor="#cccccc"

    AllowSorting="False"

    AutoGenerateColumns="False"

    AllowPaging="True"

    PageSize=2

    PagerStyle-Mode=NumericPages

    PagerStyle-PageButtonCount=2

    OnPageIndexChanged="DataGrid1_PageIndexChanged"

    OnEditCommand="DataGrid1_Edit"

    OnCancelCommand="DataGrid1_Cancel"

    OnUpdateCommand="DataGrid1_Update">

    <Columns>

    <asp:TemplateColumn HeaderText="Nombre">

    <ItemTemplate>

    <asp:Label id="Nombre" runat="server"

    Text='<%# Container.DataItem("Nombre")& _

    " " & Container.DataItem("Apellidos") %>'/>

    </ItemTemplate>

    </asp:TemplateColumn>

    <asp:BoundColumn HeaderText="Domicilio"

    DataField="Domicilio"/>

    <asp:BoundColumn HeaderText="Ciudad" DataField="Ciudad"/>

    <asp:BoundColumn HeaderText="Estado"

    DataField="Estado" />

    <asp:BoundColumn HeaderText="Código postal" DataField="codPostal" />

    <asp:EditCommandColumn

    EditText="Modificar"

    CancelText="Cancelar"

    UpdateText="Actualizar"

    ItemStyle-Wrap="false"

    Muestra un LinkButton con el texto “Modificar”. Cuando el usuario haga clic, el elemento seleccionado entrará a modo edición y cada columna cambiará a cuadro de texto. También muestra los vínculos Actualizar y Cancelar. Hay que definir métodos para controlar estos eventos.

    HeaderText="Modificar" />

    </Columns>

    </asp:DataGrid>

    Puesto que se ha generado un EditCommandColumn se puede suprimir el HyperLinkColumn:

    <asp:HyperlinkColumn HeaderText="Modificar" text="Modificar"

    NavigateURL="edit.aspx"/>

    Y también el ButtonColumn:

    <asp:ButtonColumn HeaderText="¿Suprimir?" text="X"

    CommandName="delete"

    ButtonType="PushButton"/>

    Porque EditCommandColumn agregará uno automáticamente.

    Sólo BoundColumns cambiará a campos modificables. El resto, como TemplateColumns, mantendrá su interfaz original. Hay que asegurarse de que las columnas que va a modificar el usuario sean BoundColumns.

    Métodos para controlar Actualizar y Cancelar:

    public void DataGrid1_Editar(object obj, DataGridCommandEventArgs e)

    {

    DataGrid1.EditItemIndex = (int)e.Item.ItemIndex;

    DataGrid1.DataBind();

    }

    public void DataGrid1_Update(object obj, DataGridCommandEventArgs e)

    {

    //Realizar actualizaciones

    DataGrid1.DataBind();

    }

    public void DataGrid1_Cancel(object obj, DataGridCommandEventArgs e)

    {

    DataGrid1.EditItemIndex = -1;

    DataGrid1.DataBind();

    }

    Ver tema8/dataG.aspx

    ORDENAMIENTO

    Cuando activas el ordenamiento, de forma predeterminada el DataGrid convierte todos los encabezados en un LinkButton en el que los usuarios pueden hacer clic para ordenar en base a esa columna. Hay que generar un mecanismo de ordenamiento, pero asp.net da los fundamentos. También se puede especificar un ordenamiento personalizado, en el que se defina las columnas por las que el usuario puede ordenar.

    Cuando la propiedad AllowSorting de DataGrid se establece en true, procesa hipervínculos para los encabezados de columna que desencadenan un comando Sort de nuevo en la cuadrícula. La propiedad OnSortCommand de DataGrid se establece en el controlador al que se desea llamar cuando el usuario hace clic en un vínculo de columna. El nombre de la columna se pasa como una propiedad SortExpression en el argumento DataGridSortCommandEventArgs, que se puede utilizar para establecer la propiedad Sort del enlace DataView en la cuadrícula.

    Ejemplo:

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <%@ Page Language="C#" Debug="true" %>

    <html>

    <script runat="server">

    OleDbConnection myConnection;

    protected void Page_Load(Object sender, EventArgs e)

    {

    myConnection = new OleDbConnection("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data

    Source=C:\\Inetpub\\wwwroot\\bancario.mdb");

    if (!IsPostBack)

    BindGrid("IDUsuario"); // La primera vez aparece ordenado por IDUsuario

    }

    protected void MyDataGrid_Sort(Object sender, DataGridSortCommandEventArgs e)

    {

    BindGrid(e.SortExpression);

    //Llama al método BindGrid y le dice por que columna ordenamos

    }

    public void BindGrid(String sortfield) //recibe la columna por la que ordenar

    {

    OleDbDataAdapter myCommand = new OleDbDataAdapter("SELECT * FROM tblUsuarios;", myConnection);

    DataSet ds = new DataSet();

    myCommand.Fill(ds, "tblUsuarios");

    DataView Source = ds.Tables["tblUsuarios"].DefaultView;

    //genera una vista de datos

    Source.Sort = sortfield;

    //establece la propiedad Sort a sortfield (ordena por campo)

    MyDataGrid.DataSource=Source;

    MyDataGrid.DataBind();

    }

    </script>

    <body>

    <h3><font face="Verdana">Ordenar datos en un control DataGrid</font></h3>

    <form runat="server">

    <ASP:DataGrid id="MyDataGrid" runat="server" OnSortCommand="MyDataGrid_Sort"

    Width="700"

    BackColor="#ccccff"

    BorderColor="black"

    ShowFooter="false"

    CellPadding=3

    CellSpacing="0"

    Font-Name="Verdana"

    Font-Size="8pt"

    HeaderStyle-BackColor="#aaaadd"

    AllowSorting="true"

    />

    </form>

    </body>

    </html>

    Ver tema8/OrdenDataGrid.aspx

    PAGINACIÓN

    El DataGrid puede dividir los datos en varias páginas si hay demasiados registros para mostrarlos en una sola. Asp.net dividirá los datos en las páginas que le indiquemos y creará botones para pasar de una a otra. Usaremos la propiedad CurrentPageIndex del DataGrid para determinar cuál página deberá mostrarse. Cuando el usuario haga clic en un botón para ir a la siguiente página, todos los datos serán generados y el proceso se repetirá.

    Para activar la paginación hay que establecer AllowPaging=True (esto es verdadero de forma predeterminada), y la propiedad PageSize en la cantidad de registros que queremos mostrar a la vez. El estilo de los botones de paginación se obtiene mediante la propiedad PagerStyle. Los dos estilos integrados son los botones Siguiente y Anterior, y los números de página.

    <%@ Import Namespace="System.Data" %>

    <%@ Import Namespace="System.Data.OleDb" %>

    <%@ Page Language="C#" Debug="true" %>

    <html>

    <script runat="server">

    OleDbConnection myConnection;

    protected void Page_Load(Object sender, EventArgs e)

    {

    myConnection = new OleDbConnection("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb");

    if (!IsPostBack)

    BindGrid("IDUsuario");

    }

    protected void MyDataGrid_Sort(Object sender, DataGridSortCommandEventArgs e)

    {

    BindGrid(e.SortExpression);

    }

    public void BindGrid(String sortfield)

    {

    OleDbDataAdapter myCommand = new OleDbDataAdapter("SELECT * FROM tblUsuarios;", myConnection);

    DataSet ds = new DataSet();

    myCommand.Fill(ds, "tblUsuarios");

    DataView Source = ds.Tables["tblUsuarios"].DefaultView;

    Source.Sort = sortfield;

    MyDataGrid.DataSource=Source;

    MyDataGrid.DataBind();

    }

    public void MyDataGrid_PageIndexChanged(Object obj,DataGridPageChangedEventArgs e)

    {

    MyDataGrid.CurrentPageIndex = e.NewPageIndex;

    //MyDataGrid.DataBind();

    BindGrid("IDUsuario");

    }

    </script>

    <body>

    <h3><font face="Verdana">Ordenar datos en un control DataGrid</font></h3>

    <form runat="server">

    <ASP:DataGrid id="MyDataGrid" runat="server" OnSortCommand="MyDataGrid_Sort"

    Width="700"

    BackColor="#ccccff"

    BorderColor="black"

    ShowFooter="false"

    CellPadding=3

    CellSpacing="0"

    Font-Name="Verdana"

    Font-Size="8pt"

    HeaderStyle-BackColor="#aaaadd"

    AllowSorting="true"

    AllowPaging="true"

    PageSize=3

    PagerStyle-Mode=NumericPages //NextPrev

    PagerStyle-PageButtonCount = 2

    OnPageIndexChanged="MyDataGrid_PageIndexChanged"/>

    </form>

    </body>

    </html>

    Ver tema8/OrdenDataGrid1.aspx

    PREGUNTAS PARA ENTREGAR EN PAPEL

  • ¿Qué espacios de nombres deberás importar para usar los mecanismos de datos en las páginas asp.net?

  • Verdadero o falso: El DataSet puede contener varias tablass.

  • ¿Cuáles son las tres colecciones del DataSet y qué hacen?

  • ¿Cuál es la sintaxis para expresiones enlazadas a datos?

  • ¿El control DataList admite paginación?

  • ¿Cuáles son las dos propiedades de un DataGrid que debes especificar para activar la ordenación y la paginación, respectivamente?

  • TEMA 9: COMUNICACIÓN CON ADO.NET

    ADO.NET Y XML

    XML es una herramienta muy útil para la distribución de datos. Está totalmente basado en texto, lo que significa que las personas lo pueden escribir y leer fácilmente y puede transportarse según las medidas de seguridad establecidas en internet.

    XML almacena los datos proporcionando una representación jerárquica de campos y sus datos.

    ADO.Net utliza XML en todos los intercambios de datos y para la representación interna de los datos. Tan pronto como salen los datos de una base de datos, se representan en XML y se envían a donde los necesite.

    EL MODELO DE OBJETOS ADO.NET

    ADO.Net consta de dos partes clave: el DataSet y los proveedores administrados.

    Los proveedores administrados fungen como una capa de comunicación entre un DataSet y un almacén de datos. Proporcionan los mecanismos de conexión, acceso, manejo y recuperación de información de cualquier almacén de datos compatible con OLEDB.

    OLE DB y SQL.

    UNA REVISIÓN DEL DATASET

    El DataSet está desconectado. Cada usuario recibe su propia copia de los datos para hacer con ellos lo que quiera. Las modificaciones hechas al DataSet NO se reflejan en el origen de datos. Cualquier modificación deberá ser enviada explícitamente al origen de datos.

    MODIFICACIÓN DE DATOS EN UN DATAROW

    El DataSet almacena los datos de forma similar a una base de datos, contiene tablass, columnas y filas. Se manipularán los datos con instrucciones sql que modifican más de un registro a la vez, pero habrá ocasiones en que tendremos que tener un control más directo de cada fila. El objeto DataRow representa una fila de datos del DataTable. Se puede modificar directamente el contenido de cada DataRow.

    La propiedad RowState indica la condición de la fila: Detached, Unchanged, New, Deleted y Modified. El primero significa que la fila se ha generado, pero que no es parte de ningún RowsCollection en un DataSet. Los últimos cuatro indican que la fila no ha sido modificada, que es nueva, que se ha eliminado y que se ha modificado, respectivamente.

    Como parte del RowState, un DataTable conserva tres versiones de cada fila: original, actual y propuesta. El DataTable utiliza estas versiones para determinar el RowState. La versión original es la fila cuando se agregó al DataTable. La versión actual es la fila modificada. La versión propuesta existe bajo una condición especial: cuando se ejecuta el método BeginEdit en la fila.

    El método BeginEdit se utiliza para realizar varias modificaciones a las filas sin tener que aplicar reglas de validación. Por ejemplo, si tiene un grupo de filas que deberán sumar el total de algún valor, se pueden poner en modo de edición y manejar los valores sin tenter que preocuparse por lo que tendrán que sumar. La fila se quita del modo de edición y se aplican las reglas de validación cuando se ejecuta el método EndEdit o AcceptChanges.

    El valor original (del origen de datos) se va al DataSet cuando se ejecuta el método Fill. Si haces cualquier modificación al valor, se convierte en el actual. Entonces se puede regresar al valor original, actualizar el almacén de datos con el valor actual, o ir al modo edición. En este modo se pueden aceptar las modificaciones y actualizar el almacén de datos, o cancelar las modificaciones y regresar al valor original o a las versiones actuales.

    Pueden ocurrir errores, cada error se almacena en la propiedad RowError del DataRow como una cadena. Se pueden obtener todos los errores ejecutando el método GetErrors, que devuelve una matriz de DataRows. Si hay algún error, no se realizarán las actualizaciones al origen de datos.

    El DataRow tiene dos métodos: Delete y Remove. Delete destruye totalmente la fila y sus datos y ya no se puede acceder a ellos. Remove suprime la fila del DataTable para que los datos no puedan ser accedidos por el programa. El origen de datos real no se modifica.

    RejectChanges deshace las modificaciones realizadas desde que se cargó la fila o desde la última vez que ejecutó AcceptChanges.

    Ejemplo:

    myConnection = new OleDbConnection("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb");

    OleDbDataAdapter myCommand = new OleDbDataAdapter("SELECT * FROM tblUsuarios;", myConnection);

    DataSet ds = new DataSet();

    myCommand.Fill(ds, "tblUsuarios");

    ds.Tables[“tblUsuarios2].Rows[0][“Nombre”]=”David”;

    //hacemos otras cosas…

    ds.Tables[“tblUsuarios2].Rows[0].RejectChanges;

    TEMA 10: USO DE XML EN ASP.NET

    INTRODUCCIÓN A XML

    XML (Lenguaje de Marcado Extensible) es un formato basado en texto para describir datos. Incluye nuevas formas de distribuir datos a aplicaciones propias de Web, lo que permite que casi cualquier tipo de dato se envíe a cualquier lugar.

    ?xml version="1.0" encoding="ISO-8859-1" ?>

    <libreria>

    <libro genero="novela" estilo="cubierta dura">

    <titulo>El cuento de la sirvienta</titulo>

    <precio>19.95</precio>

    <autor>

    <nombre>Margaret</nombre>

    <apellidos>Atwood</apellidos>

    </autor>

    </libro>

    <libro genero="novela" estilo="rústico">

    <titulo>La biblia del bosque de los venenos</titulo>

    <precio>11.99</precio>

    <autor>

    <nombre>Bárbara</nombre>

    <apellidos>Kingsolver</apellidos>

    </autor>

    </libro>

    <libro genero="novela" estilo="tapas duras">

    <titulo>Aníbal</titulo>

    <precio>27.95</precio>

    <autor>

    <nombre>Richard</nombre>

    <apellidos>Harris</apellidos>

    </autor>

    </libro>

    <libro genero="novela" estilo="tapas duras">

    <titulo>El péndulo de Focault</titulo>

    <precio>22.95</precio>

    <autor>

    <nombre>Umberto</nombre>

    <apellidos>Eco</apellidos>

    </autor>

    </libro>

    </libreria>

    Esquema:

    <Schema

    xmlns="urn:schemas-microsoft-com:xml-data"

    xmlns:dt="urn:schemas-microsoft-com:datatypes">

    <ElementType name="nombre" content="textOnly"/>

    <ElementType name="apellido" content="textOnly"/>

    <ElementType name="nombrecompleto" content="textOnly"/>

    <ElementType name="precio" content="textOnly"

    dt:type="fixed.14.4"/>

    <ElementType name="autor" content="eltOnly" order="one">

    <group order="seq">

    <element type="nombrecompleto"/>

    </group>

    <group order="seq">

    <element type="nombre"/>

    <element type="apellido"/>

    </group>

    </ElementType>

    <ElementType name="titulo" content="textOnly"/>

    <AttributeType name="genero" dt:type="string"/>

    <AttributeType name="estilo" dt:type="enumeration"

    dt:values="rustico cubiertadura"/>

    <ElementType name="libro" content="eltOnly">

    <attribute type="genero" required="yes"/>

    <attribute type="estilo" required="yes"/>

    <element type="titulo"/>

    <element type="autor"/>

    <element type="precio"/>

    </ElementType>

    <ElementType name="libreria" content="eltOnly">

    <element type="libro"/>

    </ElementType>

    </Schema>

    ACCESO A XML MEDIANTE ASP.NET

    El acceso a XML es muy similar al acceso a una base de datos mediante ADO.NET. Dos de los objetos más sencillos XMLTextReader y XMLTextWriter en el espacio de nombres System.XML.

    COMO LEER XML

    El XMLTextReader es similar a un OleDBDataReader en el sentido que provee un acceso sólo hacia delante.

    Para abrir un archivo XML, simplemente hay que generar un XMLTextReader y pasarle el nombre del archivo XML. Si generamos un archivo LectorXML.aspx y lo colocamos en la misma carpeta que el archivo XML:

    Dim lector as New XMLTextReader (nombreDelArchivoYSuRutaDeAcceso)

    XMLTextReader lector = new XMLTextReader (C:\miCarpeta\archivo.xml)

    Para acceder a los datos:

    Do While (lector.Read())

    Hacer algo con los datos

    Loop

    El método Read avanza automáticamente por el archivo XML siempre que se ejecuta. Hay que cerrar el lector cuando se termina.

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Xml" %>

    <script runat=server>

    Sub Page_Load(obj As object, e As eventargs)

    Dim lector As XmlTextReader

    Dim i As integer

    Try

    lector = new XmlTextReader(Server.MapPath ("libros.xml"))

    While lector.Read()

    Select Case lector.NodeType

    Case XMLNodeType.Element

    If lector.HasAttributes Then

    For i = 0 To lector.AttributeCount - 1

    Response.Write(lector.GetAttribute(i) & " ")

    Next

    Response.Write("<br>")

    End if

    Case XMLNodeType.Text

    Response.Write(lector.Value & "<br>")

    End Select

    End While

    Catch ex As Exception

    Response.Write("Error al acceder el archivo XML.")

    Finally

    lector.Close

    End Try

    End Sub

    </script>

    <html><body>

    </body></html>

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Xml" %>

    <script runat=server>

    Sub Page_Load(obj As object, e As eventargs)

    Dim lector As XmlTextReader

    Try

    lector = new XmlTextReader(Server.MapPath ("libros.xml"))

    While lector.Read()

    Response.Write("<b>" & lector.Name & "</b> " & lector.Value & "<br>")

    End While

    Catch ex As Exception

    Response.Write("Error al acceder el archivo XML.")

    Finally

    lector.Close

    End Try

    End Sub

    </script>

    <html><body>

    </body></html>

    XMLTextReader tiene la propiedad NodeTyper que indica el tipo de dato que se está buscando:

    XMLNodeType.All = todos los nodos

    XMLNodeType.Element= Un elemento

    XMLNodeType.Document= El nodo principal

    ESCRITURA DE XML

    El objeto XmlTextWriter ofrece el método Write.

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Xml" %>

    <script runat=server>

    Sub Page_Load(obj As object, e As eventargs)

    Dim escritor As XMLTextWriter Se declara un escritor

    Try

    escritor = new XMLTextWriter(Server.MapPath ("libros2.xml"), Nothing)

    Se instancia el escritor, el segundo parámetro es la codificación (predeterminada UTF-8). Si hay un archivo con el mismo nombre lo sobrescribe.

    escritor.WriteStartDocument

    escritor.Formatting = Formatting.Indented Indica que sangre el archivo

    escritor.Indentation = 3 Que use 3 espacios para el sangrado

    escritor.WriteStartElement("libreria") Empieza la generación de datos.Abre la etiqueta de elemento

    escritor.WriteStartElement("libro")

    escritor.WriteAttributeString("genero", "historia") Genera atributo

    escritor.WriteAttributeString("estilo", "cubierta dura")

    escritor.WriteElementString("titulo", "Vietnam") Encapsula la funcionalidad de inicio y fin de los elementos simples.Produce el resultado: <titulo>Vietnam</titulo>

    escritor.WriteStartElement("autor")

    escritor.WriteElementString("nombre", "Michael")

    escritor.WriteElementString("apellido", "Avery")

    escritor.WriteEndElement()

    escritor.WriteElementString("precio", "6.99")

    escritor.WriteEndElement() Cierra la etiqueta de elementos

    escritor.WriteEndElement()

    escritor.Flush Vacía el contenido

    Catch ex As Exception

    Response.Write("Error al acceder el archivo XML.")

    Finally

    escritor.Close

    Response.Write("Proceso finalizado.")

    End Try

    End Sub

    </script>

    <html><body>

    </body></html>

    Apertura de un archivo XML con XMLDocument e iteración a través del archivo con XMLNodes

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Xml" %>

    <script runat=server>

    private i As integer

    private strResultado As string = ""

    Sub Page_Load(obj As object, e As eventargs)

    Dim xmldoc As new XMLDocument() Genera un XMLDocument

    Try

    xmldoc.Load(Server.MapPath("libros.xml")) Carga los datos del archivo XML

    MostrarJerarquia(xmldoc.DocumentElement) Itera por los nodos y muestra los datos. DocumentElement devuelve el primer elemento. Es el punto de inicio para que itere por el archivo.

    Catch ex As Exception

    strResultado = "Error al acceder el archivo XML."

    End Try

    resultado.Text = strResultado

    End Sub

    Sub MostrarJerarquia(nodo As XMLNode)

    Dim atribnodo As XmlNode

    Dim acot As XmlNamedNodeMap Representa colección de atributos de cada nodo

    If Not(nodo.HasChildNodes)

    strResultado += "&nbsp;&nbsp;<b>" & nodo.Name & "</b> &lt;" & _ nodo.Value & "&gt;<br>" & vbcrlf

    Else

    strResultado += "<b>" & nodo.Name & "</b>"

    If nodo.NodeType = XmlNodeType.Element Then

    acot = nodo.Attributes

    For Each atribnodo In acot

    strResultado += " <b>" & atribnodo.Name & "</b> &lt;" & _ atribnodo.Value & "&gt; " & vbcrlf

    Next

    End If

    strResultado +="<br>"

    End If

    If nodo.HasChildNodes then

    nodo = nodo.FirstChild

    While Not IsNothing(nodo)

    MostrarJerarquia(nodo)

    nodo = nodo.NextSibling Itera por los nodos secundarios de cada nodo

    End while

    End if

    End Sub

    </script>

    <html><body>

    <asp:Label id="resultado" runat="server" />

    </body></html>

    MODIFICACIÓN DE DATOS XML

    Para agregar elementos: CreateComment, CreateAttribute, CreateNode, etc.

    Cargamos un archivo XML y adjuntamos un nuevo nodo libro.

    <%@ Page Language="VB" %>

    <%@ Import Namespace="System.Xml" %>

    <script runat=server>

    Sub Page_Load(obj As object, e As eventargs)

    Dim xmldoc As new XMLDocument()

    Dim strResultado As String = ""

    Try

    xmldoc.Load(Server.MapPath("libros.xml"))

    Dim eleLibro As XmlElement = xmldoc.CreateElement ("libro")

    Dim attEstilo As XmlAttribute = xmldoc.CreateAttribute ("estilo")

    eleLibro.SetAttributeNode(attEstilo)

    eleLibro.SetAttribute("estilo", "cubierta dura")

    Dim root As XmlElement = xmldoc.Item("librería")

    root.AppendChild(eleLibro) Obtiene el elemento principal, librería, para que pueda agregarse el nuevo elemento libro.

    xmldoc.Save(Server.MapPath("libros.xml")) Para guardar los cambios

    Catch ex As Exception

    strResultado = "Error al acceder el archivo XML."

    End Try

    resultado.Text = "Se terminó adecuadamente la operación de adición."

    End Sub

    </script>

    <html><body>

    <asp:Label id="resultado" runat="server" />

    </body></html>

    TEMA 11: LECTURA Y ESCRITURA DE ARCHIVOS EN EL SERVIDOR WEB

    USO DE ARCHIVOS CON ASP.NET

    Asp.net permite acceder a todo el sistema de archivos del servidor.

    INCLUSIÓN DE ARCHIVOS EXTERNOS DESDE EL SERVIDOR

    Un archivo incluído desde el servidor es una forma de separar código de una página.

    <!--#include file=”../../includes/archivo1.aspx”-->

    <!--#include virtual=”/includes/archivo1.aspx”-->

    Ejemplo:

    Encabezado.aspx

    <a href=”indice.aspx”><img src=”encabezado.gif” alt=”Principal”></a><hr>

    <a href=”indice.aspx”>Principal </a> <a href=”finSesion.aspx”>Finalizar sesión </a>

    Página:

    <script lenguaje=”c#” runat=”server”>

    public void Page_Load(object obj, EventArgs e)

    {

    //hacemos algo

    }

    </script>

    <html><body>

    <!--#include file=”Encabezado.aspx”-->

    ¡Hola a todos!

    </body></html>

    Asp.net inserta el contenido de Encabezado.aspx antes de procesar cualquier comando.

    OLEDB sources
    (SQL Server 6.5)

    OLE DB .NET

    Data Provider

    DataSet

    SQL Server .NET

    Data Provider

    SQL Server 7.0

    (y posterior)