Création et utilisation de widgets › Intégration de widgets pour la demande de services et la gestion de demandes › Utilisation du widget Demande pour permettre aux utilisateurs de demander des services › Appel du widget Demande à l'aide du code source

Appel du widget Demande à l'aide du code source

Dans Liferay, vous pouvez appeler le widget Demande en créant le portlet et en indiquant le code source. Examinez les étapes suivantes pour produire le précédent exemple de widget Demande. Suivez-les comme modèle pour configurer l'affichage et le comportement du widget Demande dans votre implémentation.

Procédez comme suit:

1. Sur la page du portail, effectuez ces actions pour créer le portlet :
   1. Cliquez sur Add, Web Content Display.
   2. Cliquez sur l'icône + (Add, Web Content).

      La fenêtre New Web Content s'affiche.

   3. Spécifiez les champs obligatoires et fermez la fenêtre.

   Le nouveau portlet s'ajoute à Liferay.

2. Cliquez sur Edit Controls en haut de la page.
3. Passez la souris sur le portlet, puis cliquez sur l'icône en forme de crayon (Edit Web Content).

   Le portlet des paramètres s'affiche.

4. Dans la fenêtre Contenu, cliquez sur Source.

   Le conteneur Source s'ouvre pour être modifié.

5. Examinez les paramètres sources et clés suivants pour le précédent exemple du widget Demande. Utilisez-les comme modèle pour indiquer votre source.
6. Procédez comme suit :
   • Fermez le conteneur Source.
   • Publiez et passez en revue le portlet mis à jour.
   • Si nécessaire, affinez vos spécifications jusqu'à ce que le widget réponde à vos exigences.

Paramètres sources et clés

La source pour l'exemple de widget Demande suit :

<script type="text/javascript" src="http://hostname:portnumber/usm/gwt/fdRenderer/fdRenderer.nocache.js"></script>

<script type="text/javascript" src="http://nom-hôte:numéro-port/usm/explorer/scripts/request.widget.js"></script> 

<script> CA_Catalog.buildWidget({type: 'request', renderTo: 'targetDiv', rootId: -1, linkColor: 'inherit', borderColor: 'darkGreen'}); </script>

<div align="left" id="targetDiv" style="margin-bottom: 10px;">
	&nbsp;</div>

La première ligne référence le convertisseur de formulaire requis pour le widget Demande.

La deuxième ligne référence le fichier JavaScript pour le widget Demande.

La troisième ligne spécifie le JavaScript avec des paramètres de configuration pour le widget Demande.

Remarque : Séparez les paramètres par une virgule, mais ne mettez pas de virgule après le dernier paramètre.

La quatrième ligne spécifie l'élément DOM dans lequel le widget Demande est rendu.

Les paramètres clés et des explications suivent pour l'appel de fonction CA_Catalog.buildWidget dans l'exemple de widget Demande.

informations d'identification

Pour les widgets, il est recommandé d'utiliser l'authentification unique. Toutefois, si vous nécessitez des informations d'identification pour ce widget, indiquez-les dans cet appel de fonction. Utilisez le format suivant:

nom d'utilisateur : "nom d'utilisateur", mot de passe : "mot de passe"

type:"request"

Indique que le widget est un widget Demande.

renderTo:"targetDiv"

Indique que le widget est rendu dans l'élément DOM dont l'ID est targetDiv.

rootId:–1

Demande à ce que rien ne s'affiche à l'ouverture initiale du widget Demande.

Lorsque l'utilisateur clique sur un service dans le widget Parcourir, le widget Demande affiche ce service.