SharePoint - composant WebPart

Dans ce chapitre, nous couvrirons les composants WebPart. Nous allons limiter notre point de vue àList View Web Parts car c'est la partie qui est la plus étroitement associée à la collaboration informationnelle.

Les composants WebPart sont de petits blocs d'interface utilisateur que vous pouvez composer ensemble pour créer une page ou un site. Par exemple, un composant WebPart Actualités, un composant WebPart E-mail, un composant WebPart Stock, des résultats sportifs, des vidéos YouTube. Ce sont tous des exemples de petits éléments d'interface utilisateur, que vous pouvez composer ensemble pour obtenir une vue agrégée dans une application de style portail.

En termes de collaboration d'informations, les composants WebPart sont appelés composants WebPart d'affichage de liste. Ils affichent les informations d'une liste ou d'une bibliothèque et vous permettent d'ajouter de nouveaux éléments ou documents. De cette façon, vous pouvez créer une seule page, qui affiche des informations sur les listes et les bibliothèques d'un site, ce qui évite à l'utilisateur de naviguer vers les listes et bibliothèques individuelles.

Dans ce chapitre, nous nous concentrerons sur List View Web Parts. Ce sont des composants WebPart qui nous permettent d'interagir avec des données de liste ou de bibliothèque, mais en cours de route, vous aurez une idée générale du fonctionnement des composants WebPart dans SharePoint.

Jetons un coup d'œil à un exemple simple en créant une page WebPart, c'est-à-dire une page qui prend en charge l'utilisation de composants WebPart.

Step 1- Accédez au contenu du site. Faites défiler vers le bas et cliquez sur l'icône-Site Pages.

Step 2- Allez dans l'onglet FICHIERS. Sur le ruban, cliquez sur la flèche de la liste déroulante sur leNew Documentbouton. Sélectionnez Page de composants WebPart parmi les options.

Step 3 - Nommez cette page Coursespuis nous devons décider de la mise en page de la page. Les composants WebPart sont donc ajoutés aux zones de composants WebPart.

  • La disposition ici détermine le nombre et la disposition de ces zones. Nous avons également une idée de ce à quoi ressemblent les zones.

  • Nous pouvons avoir une seule zone de composant WebPart qui occupe toute la page, un en-tête et une colonne et un corps, ou un en-tête et un pied de page et des colonnes, etc.

Dans ce cas, nous n'avons besoin que d'une zone de composants WebPart. Par conséquent, nous allons sélectionner une page verticale complète et cliquer sur Créer.

Step 4- Vous pouvez ainsi voir la zone du composant WebPart et sa partie intérieure. Vous pouvez voir un lien qui nous permet d'ajouter un composant WebPart. Clique sur le lien.

Step 5 - La galerie de composants WebPart s'ouvre.

  • Cette page nous montre les composants WebPart disponibles pour être ajoutés à la page et ceux-ci sont répartis en catégories.

  • Les Web Parts qui nous intéressent, pour cet exemple, sont dans la catégorie Applications.

Vous remarquerez qu'il existe un composant WebPart pour chacune des listes et bibliothèques de notre site.

Step 6- Vous pouvez voir les documents de cours dans le composant WebPart. Maintenant, ajoutons un composant WebPart une fois de plus, puis cliquez sur le boutonCourses List et cliquez Add.

Step 7 - Une fois que vous avez terminé d'ajouter les composants WebPart, cliquez sur Stop Editing dans le ruban.

Step 8 - Vous disposez d'une seule page sur laquelle vous pouvez interagir avec la liste des cours et la bibliothèque de documents de cours.

Step 9 - Si vous souhaitez ajouter un nouveau document, vous pouvez le télécharger ou vous pouvez faire glisser et déposer ici, vous avez accès aux menus Modifier le bloc de contrôle pour la bibliothèque et la liste.

Vous pouvez effectuer toutes les tâches principales en accédant à la liste ou à la bibliothèque elle-même. Pour maintenir les composants WebPart une fois qu'ils sont sur la page, nous pouvons mettre la page en mode édition à partir du ruban en cliquant sur Modifier la page.

Step 10- Vous pouvez voir que pour chacun des composants WebPart, il existe un petit menu déroulant que nous pouvons utiliser pour supprimer le composant WebPart. Si vous souhaitez supprimer un composant WebPart, cliquez toujours surDelete, ne pas Close. Fermer masque simplement le composant WebPart, mais il reste toujours sur la page.Delete supprime le composant WebPart de la page.

Step 11 - Nous pouvons modifier les propriétés du composant WebPart en cliquant sur le bouton Edit Web Partdu menu. Vous pouvez voir dans les propriétés qu'il existe différentes options, vous pouvez dire quelle vue vous souhaitez afficher dans le composant WebPart, quelle barre d'outils vous souhaitez avoir. Vous pouvez également modifier l'apparence, la mise en page, etc.