Modifier le formatage de composants Web Parts

Pour consulter les deux premières parties :

Exploitez vos données MySQL dans SharePoint /

Exploitez les données MySQL dans SharePoint · iTPro.fr

Déploiement d’une solution Business Connectivity Services /

Déploiement d’une solution Business Connectivity Services · iTPro.fr

Ce dossier est issu de notre publication IT Pro Magazine (03/11). Pour consulter les schémas et illustrations associés, rendez-vous dans le club abonnés.

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>

POUR ALLER PLUS LOIN:

Déploiement d’une solution Business Connectivity Services · iTPro.fr