Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.

com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

Support / SharePoint / SharePoint Designer / Catgories d'aide SharePoint Designer / Aide et procdures SharePoint Designer 2007 / Utilisation des vues de donnes

Ajouter un lien hypertexte une vue de donnes

S'applique : Microsoft Office SharePoint Designer 2007

Une des fonctions les plus puissantes et nanmoins les plus simples dune application Web est sa capacit transformer nimporte quelle information en lien hypertexte. Les liens hypertexte ne servent pas uniquement relier des pages Web ; ils peuvent constituer un moyen trs simple de fournir une interface utilisateur une application Web pilote par les donnes. Avec Microsoft Office SharePoint Designer 2007, vous pouvez facilement transformer nimporte quel champ dune vue de donnes en lien hypertexte. Celui-ci peut tre simple ou complexe, en fonction des besoins de votre application Web. Par exemple, la socit Northwind Traders, distributeur de produits gastronomiques, procde la cration dune application Web intranet pour afficher et grer ses produits. Les sections suivantes illustrent diffrentes mthodes dutilisation des liens hypertexte dans le cadre de cette application Web.

Que voulez-vous faire ?

Crer un lien hypertexte vers un formulaire Crer un lien hypertexte vers une page en fonction de plusieurs valeurs de champs Amliorer un lien hypertexte avec XSL

Crer un lien hypertexte vers un formulaire

Les liens hypertexte fournissent vos clients un mcanisme simple et efficace pour naviguer parmi diffrents formulaires et vues de donnes que vous utilisez dans votre application Web. Le modle standard consiste naviguer partir dune vue de

1 of 8

09/02/2012 16:00

Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

donnes plusieurs lments vers un formulaire un seul lment.

CRER UN LIEN HYPERTEXTE VERS UN FORMULAIRE DE LISTE SHAREPOINT PRDFINI

Chaque liste SharePoint est associe trois formulaires spcifiques qui sont destins utiliser des lments de liste : un formulaire pour crer un lment (NewForm.aspx), un formulaire pour modifier un lment (EditForm.aspx) et un formulaire pour afficher un lment (DispForm.aspx). Ces formulaires sont relis pour former les diffrents modes Liste associs la liste. Si la source de donnes de la vue de donnes est une liste ou une bibliothque SharePoint, vous pouvez crer un lien vers lun de ces formulaires partir de la vue de donnes. 1. Crez ou ouvrez une vue de donnes dune liste ou bibliothque SharePoint, puis passez en mode Cration. 2. Slectionnez une valeur de champ dans la colonne dans laquelle vous souhaitez placer le lien hypertexte, puis cliquez dessus avec le bouton droit. 3. Pointez sur Mettre en forme llment en tant que, puis sur Lien hypertexte avec, puis cliquez sur lun des trois formulaires : Nouveau formulaire dlment, Modifier le formulaire ou Afficher le formulaire. 4. Si la bote de dialogue Confirmer apparat, cliquez sur Oui.

CRER UN LIEN HYPERTEXTE VERS UN FORMULAIRE DE VUE DE DONNES

Vous pouvez crer un lien partir de la vue de donnes plusieurs lments vers votre propre formulaire de vue de donnes personnalis. La source de donnes peut tre une liste SharePoint ou un autre type de source de donnes accessible en criture, tel quune connexion de base de donnes ou un fichier XML. Pour obtenir un exemple de cration de vue de donnes dun fichier XML, voir larticle Crer une vue de donnes. 1. Crez ou ouvrez une vue de donnes, puis passez en mode Cration. 2. Slectionnez la valeur de champ dans la colonne dans laquelle vous
2012 Microsoft Corporation. Tous droits rservs.

2 of 8

09/02/2012 16:00

Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

souhaitez placer le lien hypertexte, puis cliquez sur la flche situe dans le coin suprieur droit pour afficher la liste Tches communes de la vue de donnes. 3. Dans la liste droulante Format, cliquez sur Lien hypertexte. 4. Si la bote de dialogue Confirmer apparat, cliquez sur Oui. 5. Dans la bote de dialogue Modifier le lien hypertexte, dans la zone Adresse, entrez lURL. Par exemple, si la source de donnes est une liste SharePoint et que vous souhaitez crer un lien vers le formulaire de vue de donnes de llment de liste actif, vous devez ajouter un paramtre pour lID dlment de liste la chane de recherche de lURL.

http://northwindtraders/editproduct.aspx?ID={@ID}

6. Cliquez sur OK.

RENVOYER LE CLIENT LA VUE DE DONNES

Lorsque le client a cliqu sur le lien et envoy le formulaire, il est redirig vers le mode Liste par dfaut de la liste SharePoint. Dans la plupart des cas de figure, il est plus logique de renvoyer le client la vue de donnes de laquelle il est venu. Pour que cela se produise, lURL que vous atteignez doit inclure la paire nom/valeur Source=URL. Vous pouvez faire en sorte que le systme ajoute automatiquement cette paire nom/valeur pour vous en ajoutant deux attributs au lien. 1. Crez ou ouvrez une vue de donnes, puis passez en mode Fractionn ou Code. 2. Accdez au sous-nud <xsl:template name="dvt_1.rowview"> de la balise <WebPartPages:DataFormWebPart>.

3 of 8

09/02/2012 16:00

Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

3. Recherchez la balise <a> qui met en forme la valeur de champ. Par exemple :

<td class="ms-vb"> <a href="http://northwindtraders/Lists/Products/EditForm.aspx?ID={@ID}"> <xsl:value-of select="@Product_x0020_Name"/>

4. Ajoutez la balise <a> les attributs qui permettent au lien de renvoyer le client cette vue de donnes. Par exemple :

<td class="ms-vb"> <a href="http://northwindtraders/Lists/Products/EditForm.aspx?ID={@ID}" onclick="GoToLink(this);return false;"

Remarquez dans lexemple ci-dessus les attributs onclick et target ajouts la balise <a>. 5. Ajoutez laction de formulaire Accder la source un ou plusieurs boutons du formulaire cible. Pour plus dinformations sur lajout de cette action de formulaire, voir larticle Ajouter une action de formulaire prdfinie une vue de donnes.

Crer un lien hypertexte vers une page en fonction de plusieurs valeurs de champs
Une des utilisations classiques dun lien hypertexte dans une vue de donnes consiste mettre en forme la valeur dune colonne en tant que lien hypertexte, en utilisant un ou plusieurs autres champs qui comportent lURL du lien hypertexte et dautres attributs. Ainsi, par exemple, la socit Northwind Traders publie son catalogue sur un site

4 of 8

09/02/2012 16:00

Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

Web. LURL de chaque article du catalogue est dtermine par deux valeurs, la Catgorie et le Code produit. LURL de la page Sauce au curry serait donc :

http://www.northwindtraders.com/catalog/Sauces/NWTS-8

Vous voulez modifier une vue de donnes dans votre application Web intranet pour crer un lien vers le catalogue. 1. Crez ou ouvrez une vue de donnes dune liste SharePoint, puis passez en mode Cration. 2. Slectionnez la valeur de champ de la colonne dans laquelle vous souhaitez placer le lien hypertexte, puis cliquez sur la flche situe dans le coin suprieur droit pour afficher la liste Tches communes de la vue de donnes. 3. Dans la liste droulante Format, cliquez sur Lien hypertexte. 4. Si la bote de dialogue Confirmer apparat, cliquez sur Oui. 5. Entrez lURL. Par exemple :

http://northwindtraders.com/catalog/{@Category}/{@Product_x0020_Code}

CONSEIL

Si vous ne savez pas comment faire rfrence un champ dont , slectionnez le champ

vous avez besoin, cliquez sur le bouton fx ajouter, puis cliquez sur OK. 6. Cliquez sur OK.

5 of 8

09/02/2012 16:00

Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

Amliorer un lien hypertexte avec XSL

Il existe un grand nombre de diffrentes mthodes dutilisation de XSL pour amliorer les fonctionnalits et la prsentation dun lien hypertexte dans une vue de donnes. En voici deux exemples.

AFFICHER DES DONNES SUPPLMENTAIRES LAIDE DE LATTRIBUT TITLE

Vous souhaitez modifier le lien hypertexte du catalogue pour afficher la valeur du champ Description lorsque le client de votre application Web dplace la souris sur le lien hypertexte. 1. Crez ou ouvrez une vue de donnes, puis passez en mode Fractionn ou Code. 2. Accdez au sous-nud <xsl:template name="dvt_1.rowview"> de la balise <WebPartPages:DataFormWebPart>. 3. Accdez au code XSL qui affiche le lien hypertexte. Par exemple :

<td class="ms-vb"> <a href="http://www.northwindtraders.com/catalog/{@Category}/{@Title}"> <xsl:value-of select="@Product_x0020_Name" />

4. Juste avant la balise </a>, tapez <xsl:attribute name="title">, puis appuyez sur Entre. 5. Sur une nouvelle ligne, la suite de la prcdente, tapez <xsl:value-of select=". 6. Lorsque vous avez tap les guillemets anglais ouvrants, IntelliSense prsente la liste des champs disponibles. Double-cliquez sur ceux qui doivent fournir les donnes. Dans notre exemple, vous devez double-cliquer sur

6 of 8

09/02/2012 16:00

Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

@Description. 7. Tapez "/>, puis appuyez sur Entre. 8. Tapez </xsl:attribute>, puis appuyez sur Entre. Le rsultat final de lexemple ci-dessus se prsente de la faon suivante :

<td class="ms-vb"> <a href="http://www.northwindtraders.com/catalog/{@Category}/{@Title}"> <xsl:attribute name="title">

CRER UN LIEN HYPERTEXTE AVEC DES ATTRIBUTS CONDITIONNELS

Dans le cadre de votre travail sur le site intranet de Northwind Traders, vos clients vous demandent de rendre les liens vers le catalogue un peu plus dynamiques. En effet, certains produits tant abandonns, ils nont plus de pages dans le catalogue. Vous dcidez donc de modifier la vue de donnes pour rendre le lien conditionnel sur la base de labandon ou non du produit. 1. Concevez la logique conditionnelle. Vous pouvez, par exemple, faire en sorte que la page excute trois actions diffrentes en fonction de la valeur de Abandonn : Si Abandonn est gal 0, affichez le lien vers le catalogue. Si Abandonn est gal 1, affichez le lien vers une page intranet (une vue de donnes) qui fournit des informations sur le produit abandonn. Affichez galement le terme "Abandonn" la suite du produit. Si aucune des deux assertions ci-dessus nest vraie, il est possible que la valeur soit manquante ou dfinie de manire incorrecte. Dans ce cas, affichez le lien vers la page intranet. 2. Crez ou ouvrez une vue de donnes, puis passez en mode Fractionn ou Code.

7 of 8

09/02/2012 16:00

Ajouter un lien hypertexte une vue de donnes - SharePoint Designer - Office.com

http://office.microsoft.com/fr-fr/sharepoint-designer-help/ajouter-un-lien-hypertexte-a-une-vue-de-don...

3. Accdez au sous-nud <xsl:template name="dvt_1.rowview"> de la balise <WebPartPages:DataFormWebPart>. 4. Ajoutez la logique conditionnelle XSL. Par exemple, le code avant deffectuer cette modification peut se prsenter de la faon suivante.

<xsl:template name="dvt_1.rowview"> <tr> <xsl:if test="position() mod 2 = 1">

Mettez jour le code de la faon suivante :

<xsl:template name="dvt_1.rowview"> <tr> <xsl:if test="position() mod 2 = 1">

8 of 8

09/02/2012 16:00