Utiliser la liste et les autres composants WebPart sur les pages classiques

Utiliser la liste et les autres composants WebPart sur les pages classiques

Important :  Cet article a été traduit automatiquement, voir l’avertissement. Vous pouvez consulter la version en anglais de cet article ici.

Lorsque vous créez un nouveau site à partir d’un modèle de site, composants WebPart sont automatiquement ajoutés à la page d’accueil du site. Par exemple, un site d’équipe inclut des annonces, calendrier et des liens des composants WebPart. Ces composants WebPart sont des instances du composant WebPart liste qui utilisent un modèle de liste prédéfinis pour afficher des 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 en tant 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éé.

Après avoir ajouté une liste ou une bibliothèque de composant WebPart à une Page de composants WebPart, vous pouvez personnaliser l’affichage pour afficher uniquement les informations que vous souhaitez afficher dans la page. Vous modifiez 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, en utilisant le menu Affichage dans la liste ou la bibliothèque que vous voulez personnaliser.

  1. Dans la barre de lancement rapide ou sur la page, cliquez sur le Listtitle que vous voulez personnaliser, puis cliquez sur l’onglet liste sur le ruban.

  2. Si l’affichage que vous voulez personnaliser s’affiche, cliquez sur Modifier l’affichage dans le ruban. Si elle n’est pas affichée sélectionner l’affichage 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 la Vue tabulaire, choisissez si vous souhaitez une case à cocher sur chaque ligne ou non pour 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 d' afficher des éléments dans les dossiers pour prendre en charge des dossiers dans le votre liste ou bibliothèque ou Afficher tous les éléments sans dossiers pour afficher tous les éléments du même niveau.

  11. Dans la sectionLimitation des éléments, vous pouvez limiter le nombre de fichiers s’affichent sur une page, et si elles vous visible dans les lots suivants, ou simplement ce nombre d’éléments.

  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 la Page

Vous pouvez vous connecter une bibliothèque ou un composant WebPart de liste à un autre composant WebPart, fournir des données et modifier la façon dont les données sont présenté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 voulez vous connecter.

  3. Localisez le composant WebPart liste sur la page ou ajouter le composant WebPart liste à la page.

  4. Cliquez sur le menu de Composant WebPart Flèche vers le bas pour la modification des composants WebPart flèche vers le bas et puis pointez sur connexions.

  5. Pointez sur l’une des commandes suivantes, puis cliquez sur le nom du composant WebPart avec lequel vous souhaitez créer un lien

Commande

Description

Fournir la ligne à

Vous pouvez connecter un composant WebPart à un autre composant WebPart en passant une ligne de données sélectionnée à l’autre composant WebPart. En fonction de comment l’autre composant WebPart a été créé et obtenir les données, l’autre composant WebPart peut afficher les données de ligne ou utiliser les données d’une ligne comme une filtre ou valeur de paramètre.

En mode affichage standard, une colonne Élément sélectionné contenant des cases d’option est ajoutée automatiquement lorsque vous vous connectez le composant WebPart, afin que vous pouvez indiquer les lignes à passer à l’autre composant WebPart. Vous pouvez sélectionner qu’une seule ligne à la fois en mode affichage standard. Certaines colonnes, telles que la colonne Modifier, ne sont pas disponibles pour une utilisation dans une connexion de composants 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 vous connecter à un composant WebPart à un autre composant WebPart qui fonctionne avec les données de la liste. Dans ce cas, le premier composant WebPart est la source de données pour le second 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 pouvant lui fournir les informations suivantes :

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

  • Une colonne de données pour trier les données par l’ordre croissant ou décroissant dans le composant WebPart.

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

Tous les composants WebPart sur votre site sont généralement disponibles dans le contenu du Site. Lorsque vous ajoutez une liste ou une bibliothèque de composant WebPart contenu du Site à une Page, la Page de composants WebPart affiche l’affichage de liste par défaut. Pour afficher les données que vous souhaitez dans le composant WebPart liste ainsi que l’autre composant WebPart connecté, vous devrez peut-être modifier l’affichage de la liste. Par exemple, vous pouvez souhaitez filtrer, trier ou regrouper des données différemment ou afficher des colonnes différentes.

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

Liste déroulante des affichages de liste actuels
  • Sélectionnez un affichage différent dans 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 de liste, une copie de la structure de liste est passée à partir de la structure de liste d’origine et enregistrée avec le composant WebPart. Toutefois, les données de liste restent la même.

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. Si vous changez d’affichage, une invite de confirmation s’affiche.

Haut de la Page

Bien que vous puissiez afficher tous les types de listes dans un composant WebPart liste, seuls certains types de liste sont pris en charge quand vous effectuez une connexion de composants WebPart. En règle générale, les types de listes qui affichent les données sous forme de tableau, tels que les Contacts sont prises en charge. Listes qui affichent les données dans un format non, par exemple d’affichage des dossiers, ne sont pas pris en charge. Les types de liste pris en charge et non prises en charge sont présentées ci-après.

Types de liste prise en charge

Types de liste non pris en charge

  • Annonces

  • Contacts

  • Événements

  • Problèmes

  • les liens ;

  • les 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 colonne dans un composant WebPart liste, seuls certains types de colonne de liste sont pris en charge quand vous effectuez une connexion de composants WebPart. Les types de colonne pris en charge et non prises en charge sont présentées 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 de propriétés communes qui contrôlent leurs caractéristiques d’apparence, de disposition, avancées, options Ajax et divers.

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. Sur le composant WebPart que vous voulez modifier, cliquez sur la modification de composant WebPart menu Flèche vers le bas pour la modification des composants WebPart flèche vers le bas, puis 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 de 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 de 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

Activez ou désactivez cette case à cocher pour charger les données de façon asynchrone (Vous pouvez continuer à travailler pendant le chargement des données) ou synchrone (L’affichage Liste affiche une image « chargement en cours » tant que toutes les données ne sont pas retournées du serveur.

Activer la mise à jour asynchrone

Activez ou désactivez cette case à cocher pour activer ou désactiver le comportement asynchrone ou synchrone des opérations suivantes : tri, pagination, filtrage et actualisation.

Afficher le bouton d’actualisation manuelle

Activez ou désactivez cette case à cocher pour afficher ou masquer un bouton pour actualiser manuellement l’affichage Liste.

Activer l’actualisation automatique asynchrone

Activez ou désactivez cette case à cocher pour activer ou désactiver l’actualisation automatique de l’affichage Liste.

Intervalle d’actualisation automatique (secondes)

Indiquez 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

Exemple de données

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

Lien XSL

Cet éditeur 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 l’affichage de données

Activez ou désactivez cette case à cocher pour mettre en cache ou non la transformation XSL ainsi que l’instance de contrôle de code source.

Délai d’expiration de la mise en cache de l’affichage de données (secondes)

Spécifie la durée en secondes pour le vidage du cache. Une valeur égale à 0 définit cette propriété à la valeur par défaut de 86 400 secondes (un jour).

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

Activez ou désactivez cette case à cocher pour envoyer ou ne pas envoyer la première ligne de données à un ou plusieurs composants WebPart connectés pendant le chargement de la page.

Rendu du serveur

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

Désactiver le menu du sélecteur d’affichage

Affichez ou masquez le menu Sélecteur d’affichageau-dessus des en-têtes de colonne de liste.

Désactiver le bouton « Enregistrer cet affichage »

Affichez ou masquez le bouton Enregistrer cet affichage au-dessus des en-têtes de colonne de liste. Par défaut, de bouton apparaît lorsque vous modifiez l’affichage actuel en le filtrant ou le triant.

Afficher la zone de recherche

Affichez ou masquez la zone Rechercher de la liste ou de la bibliothèque au-dessus des en-têtes de colonne de liste.

Lien JS

Entrez l’URL d’un script JavaScript qui effectue le rendu du composant WebPart Affichage de données. Des connaissances en JavaScript sont nécessaires pour pouvoir utiliser cette propriété.

Haut de la Page

Remarque : Avertissement traduction automatique : cet article a été traduit par un ordinateur, sans intervention humaine. Microsoft propose cette traduction automatique pour offrir aux personnes ne maîtrisant pas l’anglais l’accès au contenu relatif aux produits, services et technologies Microsoft. Comme cet article a été traduit automatiquement, il risque de contenir des erreurs de grammaire, de syntaxe ou de terminologie.

Développez vos compétences
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×