Utiliser le composant WebPart Liste et les autres composants WebPart sur des pages classiques
Applies ToSharePoint Server 2013 Enterprise SharePoint dans Microsoft 365 SharePoint Foundation 2013

Quand vous créez un site à partir d’un modèle de site, les composants WebPart sont automatiquement ajoutés à la page d’accueil du site. Par exemple, un site web d’équipe comprend des composants Annonces, Calendrier et Liens. Ces composants WebPart sont des instances du composant WebPart Liste qui utilisent un modèle de liste préconfiguré pour afficher les données de liste.

De même, lorsque vous créez une liste ou une bibliothèque sur votre site, un composant WebPart du même nom que la liste ou la bibliothèque est automatiquement créé. Par exemple, si vous créez une liste appelée Contrats, un composant WebPart appelé Contrats sera disponible dans le contenu du site. Le composant WebPart affiche automatiquement les données contenues dans la liste ou la bibliothèque que vous avez créée.

Après avoir ajouté un composant WebPart liste ou bibliothèque à une page de composants WebPart, vous pouvez personnaliser l’affichage pour afficher uniquement les informations que vous souhaitez afficher sur la page. Vous pouvez modifier l’affichage actuel à partir de la page de composants WebPart.

Vous pouvez également créer des affichages personnalisés d’une liste ou d’une bibliothèque, que vous utilisez pour afficher différents jeux d’informations dans différentes instances du composant WebPart pour cette liste ou bibliothèque. Vous créez des affichages personnalisés d’une liste ou d’une bibliothèque à l’aide du menu Affichage de la liste ou de la bibliothèque que vous souhaitez personnaliser.

  1. Dans la barre lancement rapide ou sur la page, cliquez sur le listtitle que vous souhaitez personnaliser, puis sur l’onglet Liste dans le ruban.

  2. Si l’affichage que vous souhaitez personnaliser s’affiche, cliquez sur Modifier l’affichage dans le ruban. S’il ne s’affiche pas, sélectionnez l’affichage souhaité sous Affichage actuel, puis cliquez sur Modifier l’affichage.

  3. Dans la section Colonnes, vous pouvez afficher ou masquer des colonnes en activant les cases à cocher appropriées. En regard du nom de la colonne, entrez le chiffre correspondant à l’ordre de la colonne dans l’affichage.

  4. Dans la section Trier, précisez si vous souhaitez trier les informations, et si tel est le cas indiquer leur mode de tri. Vous pouvez trier en utilisant deux colonnes, l’une pour l’auteur et l’autre pour le nom de fichier pour chaque auteur.

  5. Dans la section Filtrer, précisez si vous souhaitez filtrer les informations, et si tel est le cas indiquer leur mode de filtrage. Un affichage filtré vous indique une sélection plus petite, telle que des éléments créés par un service donné ou dotés du statut Approuvé.

  6. Dans l’affichage tabulaire, indiquez si vous souhaitez ou non une case à cocher sur chaque ligne afin de pouvoir effectuer plusieurs sélections dans la liste.

  7. Dans la section Grouper par, vous pouvez regrouper les éléments qui ont la même valeur au sein de leur section, telle qu’une section extensible pour les documents par un auteur spécifique.

  8. Dans la section Totaux, vous pouvez compter le nombre d’éléments d’une colonne, tel que le nombre total de numéros. Dans certains cas, vous pouvez résumer ou distiller des informations supplémentaires, telles que des moyennes.

  9. Dans la section Style, sélectionnez le style souhaité pour l’affichage, par exemple une liste dans laquelle une ligne sur deux est ombrée.

  10. Sous Dossiers, vous pouvez choisir Afficher les éléments à l’intérieur des dossiers pour prendre en charge les dossiers de votre liste ou bibliothèque, ou Afficher tous les éléments sans dossiers pour afficher tout au même niveau.

  11. Pour la sectionLimite d’éléments , vous pouvez limiter le nombre de fichiers affichés sur une page, et s’ils sont affichés dans les lots suivants, ou uniquement dans ces éléments numériques.

  12. Si vous comptez afficher la liste ou la bibliothèque sur un périphérique mobile, sélectionnez les options souhaitées dans la section Mobile.

  13. Cliquez sur OK.

Haut de page

Vous pouvez connecter un composant WebPart Bibliothèque ou Liste à un autre composant WebPart, lui fournir des données et modifier la façon dont les données sont affichées dans l’autre composant WebPart, y compris un autre composant WebPart Liste.

  1. Dans le menu Paramètres Bouton Paramètres d’Office 365, cliquez sur Modifier la page.

  2. Si nécessaire, ajoutez les autres composants WebPart à la page à laquelle vous souhaitez vous connecter.

  3. Recherchez le composant WebPart Liste sur la page ou ajoutez le composant WebPart Liste à la page.

  4. Cliquez sur le menu composant WebPart Flèche vers le bas pour la modification des composants WebPart flèche vers le bas, puis pointez sur Connections.

  5. Pointez sur l’une des commandes suivantes, puis cliquez sur le nom du composant WebPart auquel vous souhaitez établir un lien :

Commande

Description

Fournir la ligne à

Vous pouvez connecter un composant WebPart à un autre composant WebPart en transmettant une ligne de données sélectionnée à l’autre composant WebPart. Selon la façon dont l’autre composant WebPart a été créé et récupère les données, l’autre composant WebPart peut afficher ou utiliser les données de ligne en tant que filtre ou valeur de paramètre.

En mode standard, une colonne Sélectionner un élément contenant des boutons d’option est automatiquement ajoutée lorsque vous connectez le composant WebPart, afin que vous puissiez indiquer la ligne à passer à l’autre composant WebPart. Vous ne pouvez sélectionner qu’une seule ligne à la fois en affichage standard. Certaines colonnes, telles que la colonne Modifier, ne sont pas disponibles à l’utilisation dans une connexion de composant WebPart.

En mode Feuille de données, vous pouvez sélectionner plusieurs lignes, mais une seule est transmise à l’autre composant WebPart. Si plusieurs lignes sont sélectionnées, la ligne contenant la cellule active est transmise à l’autre composant WebPart, et toutes les autres lignes sont ignorées. Vous ne pouvez pas fournir de données provenant de Ligne des totaux ou Nouvelle ligne à l’autre composant WebPart.

Avec ce type de connexion, vous pouvez avoir plusieurs composants WebPart connectés au composant WebPart.

Fournir des données à

Vous pouvez connecter un composant WebPart à un autre composant WebPart qui fonctionne avec des données de liste. Dans ce cas, le premier composant WebPart est la source de données du deuxième composant WebPart.

En affichage et feuille de données, seules les données de l’affichage sont fournies au second composant WebPart.

Avec ce type de connexion, vous pouvez avoir plusieurs composants WebPart connectés au composant WebPart.

Obtenir un tri ou un filtre de

En mode Standard et feuille de données, vous pouvez connecter le composant WebPart à un autre composant WebPart qui peut lui fournir les informations suivantes :

  • Une ou plusieurs paires nom de colonne et valeur de données qui filtrent les données dans le composant WebPart.

  • Colonne de données pour trier les données par ordre croissant ou décroissant dans le composant WebPart.

Avec ce type de connexion, un seul autre composant WebPart peut être connecté au composant WebPart.

Tous les composants WebPart de votre site sont généralement disponibles dans le contenu du site. Lorsque vous ajoutez pour la première fois un composant WebPart liste ou bibliothèque à partir du contenu du site à une page, la page de composants WebPart affiche l’affichage de liste par défaut. Pour afficher les données souhaitées dans le composant WebPart Liste ainsi que dans l’autre composant WebPart connecté, vous devrez peut-être modifier l’affichage de la liste. Vous pouvez, par exemple, filtrer, trier ou grouper des données différemment ou afficher des colonnes différentes.

Vous pouvez modifier l’affichage liste à partir de la section Gérer les affichages des propriétés personnalisées du volet d’outils de l’une des deux manières suivantes :

Liste déroulante des affichages de liste actuels
  • Sélectionnez une autre vue à partir de la propriété Affichage actuel .

  • Cliquez sur Modifier l’affichage pour modifier l’affichage actuel.

Chaque fois que vous sélectionnez ou modifiez un affichage liste, une copie de la conception de liste est effectuée à partir de la conception de liste de sites d’origine et enregistrée avec le composant WebPart. Toutefois, les données de liste restent les mêmes.

Soyez prudent lorsque vous basculez vers un affichage différent à partir de l’affichage actuel. Vous risquez de supprimer des modifications que vous avez apportées à l’affichage actuel et de désactiver des connexions WebPart qui dépendent de colonnes dans l’affichage actuel. Vous êtes invité à confirmer si vous changez d’affichage

Haut de la page

Bien que vous puissiez afficher tous les types de liste dans un composant WebPart Liste, seuls certains types de listes sont pris en charge lorsque vous créez une connexion de composant WebPart. En règle générale, les types de liste dans lesquels les données s’affichent sous forme de tableau sont pris en charge, tels que le composant WebPart Contacts. En revanche, les listes dans lesquelles les données ne s’affichent pas sous forme de tableau, notamment le composant WebPart Dossier, ne sont pas prises en charge. Les types de liste pris en charge ou non sont présentés ci-après.

Types de liste prise en charge

Types de liste non pris en charge

  • Annonces

  • Contacts

  • Événements

  • Problèmes

  • Liens

  • Tâches

  • Listes personnalisées

  • Listes contenant des données importées d’une feuille de calcul

  • Bibliothèques de documents

  • Bibliothèques de formulaires

  • Mode Calendrier d’une liste Événements

  • Forums de discussion

  • Enquêtes

  • Bibliothèques d’images

  • Catalogues de modèles de sites et de listes

  • Galeries de composants WebPart

  • Sources de données

Haut de la page

Bien que vous puissiez afficher tous les types de colonnes de liste dans un composant WebPart Liste, seuls certains types de colonnes de liste sont pris en charge lorsque vous créez une connexion de composant WebPart. Les types de colonne de liste pris en charge ou non sont présentés ci-après.

Types de colonne de liste pris en charge

Types de colonne de liste non pris en charge

  • Une seule ligne de texte

  • Choix

  • Nombre

  • Monnaie

  • Date et heure

  • Lien hypertexte ou image (des colonnes correspondantes)

  • Recherche

  • Oui/Non

  • Calculé

  • Lien hypertexte ou image (pour filtrage)

  • Plusieurs lignes de texte

  • Modifier

Haut de la page

Tous les composants WebPart partagent un ensemble commun de propriétés qui contrôlent leur apparence, leur disposition, leurs options avancées, Ajax et diverses caractéristiques.

Remarque :  Les propriétés communes des composants WebPart que vous voyez dans le volet des outils peuvent différer de celles présentées dans cette section pour plusieurs raisons

  • Pour voir la section Avancé du volet d’outils, vous devez bénéficier de l’autorisation appropriée.

  • Un développeur peut choisir de n’afficher qu’une ou certaines des propriétés communes d’un composant WebPart, ou de créer et afficher des propriétés supplémentaires absentes des sections Apparence, Disposition et Avancé du volet des outils.

Modifier les propriétés du composant WebPart

  1. Cliquez sur Paramètres , puis sur Modifier la page.

  2. Dans le composant WebPart que vous souhaitez modifier, cliquez sur le menu Modifier du composant WebPart Flèche vers le bas pour la modification des composants WebPart flèche vers le bas, puis cliquez sur Modifier le composant WebPart

    Menu pour la modification des composants WebPart mis en surbrillance

Propriété

Description

Titre

Indique le titre du composant WebPart affiché dans la barre de titre du composant WebPart.

Hauteur

Indique la hauteur du composant WebPart.

Largeur

Indique la largeur du composant WebPart.

État de chrome

Indique si le composant WebPart s’affiche en entier lorsqu’un utilisateur ouvre la page sur laquelle il se trouve. Par défaut, l’état de chrome est défini sur Normal et la page WebPart s’affiche en entier. Si l’état est défini sur Réduit, seule la barre de titre s’affiche.

Style de cadre

Indique si la barre de titre et la bordure du cadre WebPart sont affichées.

Titre

Indique le titre du composant WebPart affiché dans la barre de titre du composant WebPart.

Hauteur

Indique la hauteur du composant WebPart.

Largeur

Indique la largeur du composant WebPart.

Haut de la page

Propriété

Description

Masqué

Indique si le composant WebPart est visible lorsqu’un utilisateur ouvre la page de composants WebPart. Si la case à cocher est sélectionnée, le composant WebPart n’est visible que lorsque vous êtes en train de créer la page, et le suffixe (Masqué) est ajouté au titre.

Vous pouvez masquer un composant WebPart si vous souhaitez l’utiliser pour fournir des données à un autre composant WebPart à l’aide d’une connexion WebPart, mais que vous ne souhaitez pas afficher le composant WebPart.

Sens

Indique le sens du texte dans le contenu du composant WebPart. Par exemple, l’arabe se lit de droite à gauche, alors que le français et la plupart des langues européennes se lisent de gauche à droite. Ce paramètre peut ne pas être disponible pour tous les types de composant WebPart.

Zone

Spécifie la zone de la page dans laquelle se trouve le composant WebPart.

Remarque :  Ces zones ne sont pas répertoriées dans la zone de liste lorsque vous n’êtes pas autorisé à modifier la zone.

Index de zone

Spécifie la position du composant WebPart dans une zone lorsque celle-ci contient plusieurs composants WebPart.

Pour indiquer l’ordre, tapez un entier positif dans la zone de texte.

Si les composants WebPart contenus dans la zone sont organisés de haut en bas, la valeur 1 signifie que le composant WebPart apparaît en haut de la zone. Si les composants WebPart contenus dans la zone sont organisés de gauche à droite, la valeur 1 signifie que le composant WebPart apparaît dans la partie gauche de la zone.

Par exemple, lorsque vous ajoutez un composant WebPart à une zone vide organisée de haut en bas, son index de zone est 0. Lorsque vous ajoutez un deuxième composant WebPart au bas de la zone, son index de zone est 1. Pour déplacer le deuxième composant WebPart vers le haut de la zone, tapez 0, puis tapez 1 pour le premier composant WebPart.

Remarque :  Chaque composant WebPart dans la zone doit avoir une valeur Index de zone unique. Par conséquent, si vous changez la valeur Index de zone du composant WebPart actif, cela peut changer la valeur Index de zone d’autres composants WebPart dans la zone.

Haut de la page

Propriété

Description

Autoriser la réduction

Indique si le composant WebPart peut être réduit.

Autoriser la fermeture

Indique si le composant WebPart peut être supprimé de la page.

Autoriser les éléments masqués

Indique si le composant WebPart peut être masqué.

Autoriser le changement de zone

Indique si le composant WebPart peut être déplacé vers une autre zone.

Autoriser les connexions

Indique si le composant WebPart peut participer à des connexions à d’autres composants WebPart.

Autoriser les modifications en mode Affichage personnel

Indique si les propriétés du composant WebPart peuvent être modifiées en mode Affichage personnel.

Mode d’exportation

Indique le niveau des données autorisées à être exportées pour ce composant WebPart. Selon votre configuration, ce paramètre peut ne pas être disponible.

URL de titre

Indique l’URL d’un fichier qui contient des informations supplémentaires sur le composant WebPart. Le fichier est affiché dans une fenêtre distincte du navigateur lorsque vous cliquez sur son titre WebPart.

Description

Indique l’info-bulle qui s’affiche lorsque vous placez le pointeur de la souris sur le titre ou l’icône WebPart. La valeur de cette propriété est utilisée lorsque vous recherchez des composants WebPart avec la commande Rechercher du menu Rechercher des composants WebPart du volet des outils dans les galeries de composants WebPart suivantes : Site, Serveur virtuel et Page de composants WebPart.

URL de l’aide

Indique l’emplacement d’un fichier contenant des informations d’aide sur le composant WebPart. Ces informations sont affichées dans une fenêtre distincte du navigateur lorsque vous cliquez sur la commande Aide du menu Composant WebPart.

Mode d’aide

Indique la manière dont un navigateur doit afficher le contenu de l’aide d’un composant WebPart.

Sélectionnez l’une des options suivantes :

  • Modal Ouvre une fenêtre distincte du navigateur, si celui-ci en est capable. La fenêtre doit être fermée pour revenir à la page web.

  • Non modal Ouvre une fenêtre distincte du navigateur, si celui-ci en est capable. Il n’est pas obligatoire de fermer la fenêtre pour revenir à la page web. Il s’agit de la valeur par défaut.

  • Naviguer Ouvre la page web dans la fenêtre du navigateur active.

Remarque :  Même si les composants WebPart Microsoft ASP.NET personnalisés prennent en charge cette propriété, les rubriques d’aide par défaut s’ouvrent uniquement dans une fenêtre de navigateur distincte.

URL de l’image de l’icône de catalogue

Indique l’emplacement d’un fichier contenant une image destinée à être utilisée comme icône de composant WebPart dans la liste des composants WebPart. La taille de l’image doit faire 16 x 16 pixels.

URL de l’image de l’icône de titre

Indique l’emplacement d’un fichier contenant une image destinée à être utilisée dans la barre de titre du composant WebPart. La taille de l’image doit faire 16 x 16 pixels.

Message d’erreur d’importation

Indique un message qui s’affiche si un problème est généré lors de l’importation d’un composant WebPart.

Haut de la page

Propriété

Description

Activer le chargement asynchrone

Sélectionnez ou désactivez cette zone de case activée pour charger les données de manière asynchrone (vous pouvez continuer à travailler avant le chargement de toutes les données) ou de façon synchrone (l’affichage Liste affiche une image de « chargement » jusqu’à ce que toutes les données soient retournées à partir du serveur.

Activer la mise à jour asynchrone

Activez ou désactivez cette zone de case activée pour activer ou désactiver le comportement asynchrone ou synchrone pour les opérations suivantes : tri, pagination, filtrage et actualisation.

Bouton Afficher l’actualisation manuelle

Sélectionnez ou désactivez cette zone de case activée pour afficher ou masquer un bouton afin d’actualiser manuellement l’affichage Liste.

Activer l’actualisation automatique asynchrone

Activez ou désactivez cette case case activée pour activer ou désactiver automatiquement l’actualisation de l’affichage Liste.

Intervalle d’actualisation automatique (secondes)

Spécifiez l’intervalle de temps entre chaque opération d’actualisation automatique. La valeur par défaut est 60 secondes.

Haut de la page

Propriété

Description

Échantillon de données

Entrez des exemples de données sous la forme d’un fichier XML valide et avec la même structure que les données retournées par la source de données. Un éditeur compatible SharePoint, tel que Microsoft SharePoint Designer 2013, peut utiliser les exemples de données XML spécifiés par cette propriété pour afficher la vue de données au moment du design.

Lien XSL

Permet d’entrer du code source XSLT dans un éditeur de texte brut. Il est nécessaire de connaître la syntaxe XSLT pour l’utiliser.

Activer la mise en cache de la vue de données

Activez ou désactivez cette case case activée pour mettre ou non en cache la transformation XSL ainsi que le instance de contrôle de source de données.

Délai d’attente de mise en cache de la vue de données (secondes)

Spécifie la durée en secondes de l’effacement du cache. La sélection de 0 définit cette propriété sur la valeur par défaut de 86 400 secondes (soit un jour).

Envoyer la première ligne aux composants WebPart connectés lors du chargement de la page

Activez ou désactivez cette case case activée pour envoyer ou non la première ligne de données à un ou plusieurs composants WebPart connectés lors du chargement de la page.

Rendu du serveur

Sélectionnez cette option pour désactiver le rendu côté client du composant WebPart Vue de données. Cela masque également le menu Désactiver le sélecteur d’affichage, le bouton Désactiver « Enregistrer cet affichage » et les propriétés Afficher la zone de recherche .

Désactiver le menu sélecteur d’affichage

Afficher ou masquer le menu Sélecteurd’affichage ... au-dessus des en-têtes de colonne de liste.

Désactiver le bouton « Enregistrer cette vue »

Afficher ou masquer le bouton Enregistrer cette vue au-dessus des en-têtes de colonne de liste. Par défaut, ce bouton s’affiche lorsque vous modifiez l’affichage actuel en le filtrant ou en le triant.

Afficher la zone de recherche

Afficher ou masquer la zone de recherche de liste ou de bibliothèque au-dessus des en-têtes de colonne de liste.

Lien JS

Entrez l’URL d’un fichier JavaScript qui affiche le composant WebPart Vue de données. Une connaissance de JavaScript est requise pour utiliser cette propriété.

Haut de la page

Besoin d’aide ?

Vous voulez plus d’options ?

Explorez les avantages de l’abonnement, parcourez les cours de formation, découvrez comment sécuriser votre appareil, etc.

Les communautés vous permettent de poser des questions et d'y répondre, de donner vos commentaires et de bénéficier de l'avis d'experts aux connaissances approfondies.