Créer un affichage de liste personnalisé au moyen de SharePoint Designer

Vous pouvez créer et personnaliser des affichages de liste via le navigateur, ou vous pouvez créer des affichages dans SharePoint Designer 2010. Les principales opérations de personnalisation des affichages de liste, telles que le filtrage, le changement de l’ordre de tri, l’affichage ou le masquage des colonnes s’effectuent dans le navigateur. (Pour plus d’informations, voir Créer, modifier ou supprimer un affichage.) Dans SharePoint Designer 2010, vous pouvez procéder au même niveau de personnalisation et, de surcroît, modifier la présentation des listes, leur appliquer une mise en forme conditionnelle, connecter l’affichage de liste aux autres listes, et plus encore.

Les affichages de liste créés dans le navigateur et dans SharePoint Designer 2010 sont interchangeables. Vous pouvez créer l’affichage initial dans le navigateur, puis le personnaliser dans SharePoint Designer 2010, tout comme vous pouvez créer l’affichage initial dans SharePoint Designer 2010, et le personnaliser par la suite dans le navigateur.

Cet article présente les affichages de liste et explique comment les créer dans SharePoint Designer 2010.

Contenu de cet article


Qu’est-ce qu’un affichage de liste ?

Chaque liste ou bibliothèque SharePoint est associée à un affichage au moins. L’affichage est une présentation directe et personnalisable des éléments stockés dans la liste, tel que présenté dans l’illustration suivante.

Affichages de liste SharePoint Designer

Les affichages permettent de modifier la façon dont les listes sont affichées dans le navigateur. Vous pouvez, par exemple, créer un filtre pour n’afficher que certains éléments, créer un tri personnalisé pour afficher d’abord les éléments les plus importants, ou ajouter et supprimer des colonnes de liste pour en faciliter la lecture.

Si vous souhaitez modifier l’apparence d’une liste pour répondre à vos besoins, il est conseillé de créer un affichage. Vous pouvez personnaliser l’affichage existant, ou en créer de nouveaux pour chacun de vos objectifs. La liste Annonces, par exemple, contient un affichage par défaut, qui présente tous les éléments de la liste, alors que la liste Tâches contient plusieurs affichages par défaut, chacun d’entre eux étant destiné à un objectif spécifique : affichage des tâches actives, des tâches arrivant à échéance aujourd’hui, des tâches vous étant affectées, de toutes les tâches, etc. Vous pouvez donc choisir l’affichage qui correspond le mieux à vos attentes, comme illustré ci-après.

Affichages de liste SharePoint Designer

L’affichage proprement dit est un composant WebPart appelé Affichage Liste XSLT. Ce composant WebPart est stocké dans une page ASPX associée par défaut à une liste ou à une bibliothèque de votre site, offrant un accès permanent à la page lors de l’affichage de la liste ou de la bibliothèque dans un navigateur. Lorsque vous ouvrez un affichage dans SharePoint Designer 2010, l’affichage extrait les données de la liste au format XML (Extensible Markup Language) (langage XML (Extensible Markup Language) : forme condensée du langage SGML (Standard Generalized Markup Language) qui permet aux développeurs de créer des balises personnalisées offrant une certaine flexibilité dans l’organisation et la présentation des informations.) et affiche les données en appliquant les transformations XSLT (Extensible Stylesheet Language Transformations) (transformation XSL (XSLT) : fichier qui permet de transformer des documents XML en d’autres types de document tels que HTML. Il est conçu pour être utilisé avec XSL.). Voici un affichage de liste tel que présenté dans SharePoint Designer 2010.

Affichages de liste SharePoint Designer

Lorsque vous personnalisez l’affichage, SharePoint Designer 2010 introduit automatiquement le format XSL requis (Extensible Stylesheet Language) (XLS (Extensible Style Language) : vocabulaire XML qui permet de transformer des données XML en un autre format, tel que HTML, à l’aide d’une feuille de style qui définit les règles de présentation.) dans la page. Si vous ne parvenez pas à personnaliser l’affichage avec les outils d’édition de SharePoint Designer 2010, vous pouvez passer en mode Code pour éditer directement le langage XSL.

Outre la création d’un affichage de liste, vous pouvez utiliser SharePoint Designer 2010 pour créer un affichage de données autonome, utilisable par un grand nombre de sources de données : listes et bibliothèques SharePoint, bases de données, services Web et scripts côté serveur. Un affichage de données peut être créé dans n’importe quelle page ASPX, et est généralement utilisé pour regrouper les données dans un emplacement unique, par exemple pour créer un tableau de bord sur votre site d’équipe. Contrairement aux affichages de liste, les affichages de données ne peuvent être créés et personnalisés que dans SharePoint Designer 2010. Pour plus d’informations sur les affichages de données, voir la section Voir aussi.

Haut de la page Haut de la page

Créer un affichage de liste

Lorsque vous créez un nouvel affichage de liste dans SharePoint Designer 2010, vous créez une nouvelle page ASPX, intégrant un composant WebPart XSLT. Cette page est automatiquement associée à votre liste. Vous pouvez définir cet affichage en tant qu’affichage par défaut, visible par quiconque accédant à la liste, ou créer un affichage supplémentaire dans lequel les utilisateurs pourront opérer une sélection lorsqu’ils accéderont à la liste.

  1. Ouvrez votre site dans SharePoint Designer 2010, puis cliquez sur Listes et bibliothèques dans le volet de navigation.
  2. Cliquez sur la liste souhaitée dans la galerie, par exemple, Tâches.
  3. Sur la page de résumé, sous Affichages, cliquez sur Nouveau.

Affichages de liste SharePoint Designer

 Remarque   Vous pouvez également cliquer sur Mode Liste dans le Ruban, sous l’onglet Paramètres de la liste.

  1. Dans la boîte de dialogue Créer un affichage Liste, spécifiez un nom pour l’affichage.

Affichages de liste SharePoint Designer

 Remarque    Le nom que vous spécifiez sera utilisé pour le titre et le nom de fichier de l’affichage.

  1. Pour définir cet affichage en tant qu’affichage par défaut, apparaissant dès l’accès à la liste, cliquez sur Définir cet affichage comme affichage par défaut.

Si vous ne définissez pas cet affichage en tant qu’affichage par défaut pour la liste, cet affichage sera présenté comme l’un des affichages disponibles pour la sélection.

  1. Cliquez sur OK pour créer le nouvel affichage et revenir à la page de synthèse de votre liste, contenant votre nouvel affichage.

L’illustration suivante présente un nouvel affichage, appelé Mon Affichage Liste personnalisé, ainsi que les autres affichages associés à la liste.

Affichages de liste SharePoint Designer

Répétez ces étapes pour créer plusieurs affichages pour votre liste.

Haut de la page Haut de la page

Suggestions pour aller plus loin

Après avoir créé un affichage de liste, vous pouvez le personnaliser. Pour personnaliser un affichage existant, cliquez sur l’affichage dans la page de résumé, pour afficher la page ASPX contenant l’affichage. Lorsque vous sélectionnez l’affichage, le Ruban affiche plusieurs commandes de personnalisation de l’affichage.

Voici plusieurs manières de personnaliser votre affichage de listes dans SharePoint Designer 2010.

  • Ajouter ou supprimer des colonnes    Vous pouvez facilement et rapidement ajouter, supprimer ou réorganiser les colonnes d’un affichage. Par exemple, vous pouvez définir l’affichage exclusif des zones du titre et du corps de chaque élément de liste, afin de créer un affichage simplifié à l’attention des utilisateurs.
  • Filtrer les données    Vous pouvez filtrer les données d’une liste en n’affichant que les éléments répondant à un critère spécifié. Dans une liste de tâches, par exemple, vous pouvez afficher exclusivement les tâches à terminer aujourd’hui.
  • Trier et regrouper    Vous pouvez trier et regrouper les données dans un affichage. Par exemple, vous pouvez réorganiser les éléments d’une liste pour les afficher par ordre alphabétique ou numérique.
  • Appliquer une mise en forme conditionnelle    Vous pouvez appliquer une mise en forme spécifique à un affichage, lorsque les données remplissent certaines conditions. Par exemple, vous pouvez surligner en rouge toutes les tâches qui n’ont pas encore commencé.
  • Appliquer des styles d’affichage différents    Vous pouvez facilement et rapidement modifier la mise en forme générale d’un affichage, en choisissant un autre style d’affichage. Vous pouvez, par exemple, choisir un style dans lequel une ligne sur deux est ombrée.
  • Créer une colonne Formule    Vous pouvez créer une colonne calculée affichant le résultat d’un calcul impliquant d’autres colonnes de l’affichage, dans une conception similaire à celle d’une feuille de calcul. Par exemple, vous pouvez multiplier le prix unitaire par le nombre d’unités en stock, afin d’afficher la valeur totale des éléments dans une colonne distincte.
  • Modifier la pagination    Vous pouvez modifier la pagination de l’affichage. Par exemple, vous pouvez afficher des groupes de 5 éléments, ou limiter l’affichage à 5 éléments.
  • Afficher des données provenant de plusieurs sources    Vous pouvez lier plusieurs sources de données, et les afficher dans un affichage unique. Par exemple, vous pouvez afficher les catégories de produits d’une liste et les informations de produits d’une autre liste, dans le même affichage.
  • Utiliser les mises à jour asynchrones    Vous pouvez activer les mises à jour asynchrones (AJAX) dans un affichage, de sorte que les modifications apportées à la liste seront immédiatement visibles, sans devoir actualiser la page entière dans le navigateur.
  • Ajouter des paramètres    Vous pouvez créer et transmettre des paramètres à un affichage. Par exemple, vous pouvez transmettre un paramètre provenant d’un menu d’entrée utilisateur et l’utiliser pour modifier la présentation de l’affichage.
  • Utiliser les contrôles HTML, ASP.NET et SharePoint    Vous pouvez lier ces contrôles à la source de données associée à votre affichage. Vous pouvez ensuite autoriser les utilisateurs à modifier l’apparence de l’affichage, en fonction de ces contrôles.

Pour plus d’informations sur ces tâches et les autres manières de personnaliser un affichage, voir la section Voir aussi.

Haut de la page Haut de la page

 
 
S'applique à :
SharePoint Designer 2010, SharePoint Online pour les entreprises