La fonction Maître-détail (Drill down) dans Visio et Visio services (Partie 2)

Dans cette deuxième partie nous allons utiliser les possibilités de connexion entre web part offertes par la Visio Web Access web part.

Le but est de configurer une navigation plus fine entre schémas Visio.

Ouvrons notre site SharePoint qui s’appelle ici “VISIODEMO”.

01w

Le site SharePoint s’affiche.

02w

Créons une page de composants pour insérer les Visio Web Access webparts.

Cliquez sur le lien “Bibliothèques” pour faire apparaître le contenu du site avec la commande de création.

      03w

       04w

Cliquez sur “Créer” ; choisissez “Page de composants” pour créer une page de composants et cliquez sur “Créer”.

05w

La page de création est affichée.

Choisissez un modèle de mise en page '”En-tête, colonne de gauche, corps”.

Saisissez “Détails réseau France”.

Sélectionnez la bibliothèque dans laquelle va être insérée la page “Web part connexions”.

Cliquez sur “Créer”.

06w

 

La page est affichée en mode modification.

Cliquez sur “Ajouter un composant WebPart” dans l’en-tête.

07w

Choisissez “Visio Web Access” dans la catégorie “Données métiers”, et cliquez sur “Ajouter”.

08w

La webpart Visio est affichée, Dans le menu de configuration de la webpart choisissez “Modifier le composant WebPart”. En effet il faut indiquer à Visio services quel schéma il doit afficher dans la webpart Visio.

09w

Cliquez sur le bouton de sélection de l’URL du schéma.

10w

Dans la boîte de dialogue qui s’affiche, choisissez le diagramme que vous avez publié précédemment (voir Partie 1) et cliquez sur OK.

11w

La fenêtre de modification de la page est de nouveau affichée, cliquez sur OK pour terminer la configuration de la WebPart Visio.

12w

Le schéma Visio est alors affiché dans la webpart.

13w

Procédez de la même manière et ajoutez un composant Visio Web Access dans la colonne de gauche et dans le corps.

14w

Pour éviter un rafraîchissement à sa vue initiale de la webpart “Département” lors d’un changement de sélection de ville, décochez “Remplacer la vue initiale…”

14-1w

Vous pouvez effectuer une mise en page en fixant les tailles des webparts et leur nom. Pour cela revenez en modification de la webpart de la colonne de gauche et fixez le nom “Département” et la largeur de la webpart à 700 pixels (Section “Apparence=>nom” et “Apparence=>Largeur”). Procédez de même pour la webpart du corps en donnant le nom “Schéma réseau” et la largeur 700 pixels. Enfin remplacez le nom de la webpart entête par “Carte réseau France”.

15w

 

Occupons nous maintenant de la connexion entre ces webparts. Elle constituera l’automatisation de l’affichage souhaité.

Pour cela nous allons utiliser la fonction “WebPart connexion” qui permet une automatisation sans programmation des Visio Web Access webparts.

Nous voulons que lorsque l’utilisateur clique sur un département, le détail du département soit affiché dans la colonne de gauche.

Nous voulons également que lorsque l’utilisateur clique sur la ville dans la colonne de gauche, le schéma réseau soit affiché dans le corps.

Il faut donc paramétrer 2 connexions différentes.

 

Connexion “Carte réseau de France” à “Département”.

Pour cela nous devons rendre accessible la donnée de forme “Numéro département” des départements de la “Carte réseau de France”. Rappelons nous (voir Partie 1) que cette donnée de forme a été définie précédemment.

Passons en modification de la webpart “Carte réseau de France” et saisissons le nom de la donnée de forme “Numéro département” dans la zone d’exposition des données. Cliquez sur OK. La webpart deviendra le fournisseur de la donnée de forme.

16w

Attention le nom doit être exactement celui de la donnée de forme sinon Visio Services ne la trouvera pas.

Passons à la webpart réceptrice. Dans le menu de configuration de la webpart “Département” choisissons “Connexions=>Obtenir URL du dessin Web=>Carte réseau France”.

17w

La boîte de dialogue de configuration de la connexion apparaît. Le champ “Numéro département” est visible dans la liste “Nom de champ du fournisseur”.

Choisissez donc “Numéro de département” pour le fournisseur et “Nom de la page” pour le consommateur et cliquez sur “Terminer”.

18w

Connexion “Département” à “Schéma réseau”.

Procédez de manière similaire pour effectuer la connexion entre la webpart “Département” et la webpart “Schéma réseau” :

    -    Rendez accessible la donnée de forme “Nom schéma réseau” de la webpart “Département”.

    -    Configurez la connexion de la webpart “Schéma réseau” en choisissant la webpart fournisseur “Département” et “Nom schéma réseau” pour le nom du champ fournisseur et

        “Nom de la page” pour le consommateur.

19w

Terminez la modification de la page en cliquant sur “Arrêter la modification” dans l’onglet “Page”.

20w

Cliquez sur l’onglet parcourir.

Expérimentez la navigation.

21w

 Conclusion

Ce billet montre un exemple d’utilisation des connexions entre Visio Web Access webparts. Un grand nombre d’utilisation sont possibles en utilisant les autres types de connexion.

Je ne manquerai pas de publier d’autres exemples.

Comments are closed
Name of author Bonjour, je m'appelle Michel LAPLANE.
MVP Visio, je suis passionné de technologie.
Suite...

Traduire

MonthList