> Data > Modifier le formatage de composants Web Parts

Modifier le formatage de composants Web Parts

Data - Par Sébastien Sougnez - Publié le 23 novembre 2011
email


Jusqu’à présent, nous avons deux « Web part » connectées entre elles et qui vont simplement afficher une liste de film (première « Web Part ») ainsi que la liste des acteurs de ce film (seconde « Web Part »). Le souci est que pour l’instant, le formatage est sous forme de liste et est donc très inconfortable. Nous allons voir comment changer cela.

Comme nous venons de le voir, la modification du rendu se base sur du XSL. Nous allons donc créer deux fichiers XSL (un pour chaque « Web Part ») et les uploader dans la « Style Library » via un « module ». Faites donc un clic droit sur votre projet et choisissez Add > New Item > Module. Nommez ce dernier « FilmBcsXsl » et validez. Voir figure 17.

Renommez la « feature Feature1 » en « FilmsBcsXsl ». Supprimez ensuite le fichier « Sample.txt » et créez deux fichiers XSL nommé « Personne.xslt » et « Film.xslt ». Ces deux fichiers doivent se trouver dans le « module ». Si vous ouvrez le fichier « Elements.xml », vous devriez obtenir le code suivant :

< ?xml version="1.0" encoding="utf-8"?>
< Elements xmlns="http://schemas.microsoft.com/sharepoint/">
< Module Name="FilmBcsXsl">
< File Path="FilmBcsXsl\Personne.xslt" Url="FilmBcsXsl/Personne.xslt" />
< File Path="FilmBcsXsl\Film.xslt" Url="FilmBcsXsl/Film.xslt" />
< /Module>
< /Elements>

Modifiez ce code de cette manière :[BBR]

< ?xml version="1.0" encoding="utf-8"?>
< Elements xmlns="http://schemas.microsoft.com/sharepoint/">
< Module Name="FilmBcsXsl" Url="Style Library">
< File Path="FilmBcsXsl\Personne.xslt" Url="XSLT/ITProMag/Personne.xslt" Type="GhostableInLibrary" />
< File Path="FilmBcsXsl\Film.xslt" Url="XSLT/ITProMag/Film.xslt" Type="GhostableInLibrary" />
< /Module>
< /Elements>

Nous avons ajouté l’attribut « Url » qui va permettre de définir où les fichiers seront uploadés. En l’occurrence, ils le seront dans la « Style Library ». Nous modifions également l’attribut « Url » des éléments « File » pour définir que ceux-ci seront placés dans le dossier « XSL\ITPromag ». Enfin, nous spécifions le type de chaque élément « File » sur « GhostableInLibrary » pour que ces fichiers apparaissent bien comme des éléments de la bibliothèque.

Ouvrez le fichier « Personne.xslt », nous allons nous occuper de celui-ci en premier lieu. Bien évidemment, avant de savoir comment le « XSLT » va devoir être implémenté, il est impératif de connaitre la structure du « XML » à transformer. Ainsi, remplacez le code du fichier « Personne.xslt » par :

< ?xml version="1.0" encoding="utf-8"?>
< xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
< xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes" />
< xsl:template match="/">
< xmp>
< xsl:copy-of select="*"/>
< /xmp>
< /xsl:template>
< /xsl:stylesheet>

 

Téléchargez gratuitement cette ressource

Aborder la Blockchain, comprendre et démarrer

Aborder la Blockchain, comprendre et démarrer

Une véritable révolution se prépare progressivement... les entreprises doivent veiller à ne pas rester à l’écart et se faire prendre de vitesse. Tout comme la mobilité ou encore le cloud, la blockchain est une composante essentielle de la transformation numérique. Découvrez, dans ce dossier, comment aborder, comprendre et démarrer la Blockchain

Data - Par Sébastien Sougnez - Publié le 23 novembre 2011

A lire aussi sur le site

Revue Smart DSI

La Revue du Décideur IT