martes, 14 de febrero de 2012

Publicando el PivotViewer en una aplicación web (Parte 2)

Bien, después de generar nuestra colección como vimos en el primer post, debemos crear nuestro proyecto Silverlight para ver como quedó el Pivot


Además se nos indica que va a crearse un proyecto para contener el control Silverlight, aceptamos que este proyecto tambien se cree y seguimos.


Para efectos prácticos colocaré los archivos generados en ClienteBin para que residan al lado del donde se genera el archivo .XAP por defecto al compilar nuestra solución.

Luego de eso agregamos al proyecto Silverlight, ojo al de Silverlight no al proyectoWeb, la referencia al control Pivot

Ahora modificamos el archivo MainPage.xaml del proyecto Silverlight, si te salen marcas de errores no te preocupes, compila y se quitarán si lo has hecho todo bien.

Añadimos el namespace a nuestro XAML y también el control.


Ponemos en el código asociado a la MainPage lo necesario para que una vez cargada se lea desde los parámetros de entrada la Url del archivo CXML que contiene la configuración de la colección.


Luego de eso vamos al proyecto Web y en nuestra página de pruebas, modificamos el objeto donde se embebe el Silverlight para enviar la Url del archivo CXML que contiene la configuración de la colección


 Cuando pruebes tu Pivot te darás cuenta que al dar clic en el nombre de cada imagen, no navega a la Url de referencia, para lograr esto debemos añadir un manejador de eventos en nuestro XAML


Además escribimos la acción que se ejecutará cuando den clic sobre el Link del nombre, en este caso, visitar la Url.

Es posible que necesitemos agregar una asignación del tipo MIME en el servidor con el fin de poder leer el archivo .CXML, esto lo configuramos dentro de System.webserver en nuestro Web.config así:


Si se te presenta algún otro problema puedes visitar la web de Tim Heuer, el lugar donde yo aprendí varias cosas configurando el PivotViewer.

Espero les haya sido útil, hasta la próxima.
Sorey
Publicar un comentario