En este artículo vamos a hacer un ejemplo “muy original” cogeremos la base de datos de ejemplo Northwnd y vamos a filtrar los Costumers según su ciudad, ya os dije que era original :P. Para ello es necesario que tengáis instaladas las plantillas de Atlas para Visual Studio 2005 (VS2005) o Visual Web Developer (VWD).

Lo primero que haremos será crear una nueva plantilla de Atlas y  copiamos la base de datos en nuestra aplicación Web para usar el SQL Express, luego creamos un Dataset, al que llamaremos CostumersDS, con un método: FillByCity (Figura 1).

Figura 1 – FillByCity

Una vez que ya tenemos el Dataset listo (Figura 2), pues nos vamos a la página principal.

Figura 2 – CostumersDS

En nuestra página principal añadimos un UpdatePanel y debajo un UpdateProgress. Modificamos la plantilla de error del ScriptManager (que se creó por defecto), activamos la propiedad EnabledPartialRendering del SmartTag y la ProgressTemplate del UpdateProgress (Figura 3)

Figura 3 – Templates

Ahora en el UpdatePanel añadimos un DropDownList y un GridView. El DropDownList lo llenaremos con un SQLDataSource al que lo llenamos con la sentecia de la figura 4 y el GridView lo llenamos con el DataSet usando el método FillByCity obteniendo el parámetro City del DropDownList (Figura 5).

Figura 4 – SQLDataSource

 

Figura 5 – Elementos colocados

El diseño lo he puesto a mi gusto, vosotros podéis ponerlo al vuestro, pero ahora solo queda una cosa, activar la propiedad Enable AutoPostBack del SmartTag del DropDownList.

¡Ya está listo! Ahora a probarlo… podéis ver el resultado en la Figura 6.

Figura 6 – Resultado

Como podéis haber observado el único código que hemos tenido que escribir en este ejemplo son las sentencias SQL y aún así con ayuda de un diseñador de sentencias, así que ya sabéis informaros sobre ASP.NET, os dejo los links de ASP.NET ahí abajo:

Enlaces: