• Accueil / Salesforce / Création de composants…
, Création de composants Web Lightning (LWC) à l&rsquo;aide d&rsquo;actions rapides<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Création de composants Web Lightning (LWC) à l’aide d’actions rapides1 minutes de lecture


Dans un monde centré sur l’utilisateur, nous permettons à nos utilisateurs d’en faire plus en plaçant les bonnes informations au bon endroit au bon moment. À partir de la version Summer ’21, vous pouvez désormais appeler un composant Web Lightning personnalisé sur une page d’enregistrement à l’aide d’actions rapides !

Aujourd’hui, je vais donner un aperçu de haut niveau des différents types d’actions de composant Web Lightning, fournir un guide de décision rapide sur le moment d’utiliser chaque action et terminer par un cas d’utilisation combiné à une procédure pas à pas de code.

, Création de composants Web Lightning (LWC) à l&rsquo;aide d&rsquo;actions rapides<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Types d’actions LWC

En ce qui concerne les composants Web Lightning de page d’enregistrement, il existe deux types : les actions rapides d’écran et les actions rapides sans tête.

Écran Action rapide

Ceux-ci permettent aux utilisateurs d’effectuer des mises à jour via une fenêtre modale, comme remplir un formulaire pour créer ou modifier un nouvel enregistrement.

Action rapide sans tête

Ceux-ci vous permettent d’effectuer une action sans avoir besoin d’afficher, comme naviguer vers une autre page ou envoyer un événement.

??Comment savoir lequel utiliser ?

, Création de composants Web Lightning (LWC) à l&rsquo;aide d&rsquo;actions rapides<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Cas d’utilisation

Danielle est notre formidable vice-présidente des ventes. Lorsqu’il s’agit de mettre à jour les offres, elle veut s’assurer que son équipe de vente se concentre sur la mise à jour des champs clés pour gagner des offres plus rapidement ! Actuellement, l’équipe utilise le bouton Modifier, mais elle souhaite une vue consolidée plus petite.

Voyons comment nous pouvons y parvenir avec une action rapide LWC.

Solution

En utilisant le composant de formulaire de modification d’enregistrement de foudre avec des composants de champ d’entrée Lightning, nous allons créer un mini formulaire qui capture les champs clés pour les mises à jour d’une opportunité. Heureusement pour nous, nous pouvons utiliser ce qui suit modèle puis ajustez-le pour notre cas d’utilisation.

Voici un aperçu rapide de nos modifications apportées au LWC :

formfill.html

Après avoir parlé avec Danielle, « Montant », « Prochaines étapes » et « Étape » sont les trois champs clés que l’équipe met constamment à jour, nous ajoutons donc ces champs comme entrées. Ajoutons également « Nom de l’opportunité » en tant que sortie, juste pour le visuel.

object-api-name={objectApiName}

onsuccess={handleSuccess}>

formfill.js

Pour notre fichier .js, nous le conserverons et mettrons à jour le message.

importer { LightningElement, api } à partir de « lwc » ;

importer { ShowToastEvent } depuis « lightning/platformShowToastEvent » ;

importer { CloseActionScreenEvent } à partir de « foudre/actions » ;

exporter la classe par défaut FormFill étend LightningElement {

@api recordId;

@api objectApiName;

handleSuccess(e) {

// Ferme la fenêtre modale et affiche un toast de réussite

this.dispatchEvent(nouveau CloseActionScreenEvent());

this.dispatchEvent(

new ShowToastEvent({

titre : « Succès »,

message : « Enregistrement d’opportunité mis à jour ! »,

variante : « succès »

})

);

}

}

Définition d’un composant Web d’éclairage pour une action rapide

Pour utiliser un composant Web Lightning en tant qu’action rapide, nous devons définir les métadonnées du composant. Dans notre cas d’utilisation, nous avons créé une action rapide d’écran afin que nous ayons défini notre éclair__RecordAction cible et spécifiez notre actionType comme ÉcranAction.

52,0

Remplissage de formulaire

vrai

Remplissage de formulaire

éclair__RecordAction

ÉcranAction

Créons notre action rapide

Pendant que nous créons cette action pour la page d’enregistrement d’opportunité, c’est une action spécifique à un objet.

  • Accédez à l’objet d’opportunité dans la configuration
  • Sous Bouton, Liens et Actions
  • Créer une nouvelle action

Complétons le détail :

, Création de composants Web Lightning (LWC) à l&rsquo;aide d&rsquo;actions rapides<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Ajoutez ensuite à notre page :

, Création de composants Web Lightning (LWC) à l&rsquo;aide d&rsquo;actions rapides<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Voyons maintenant en action :

, Création de composants Web Lightning (LWC) à l&rsquo;aide d&rsquo;actions rapides<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

…et voila, Danielle est contente et nous aussi !

Ressources



Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Vous utilisez Pardot depuis un certain temps mais vous n'êtes pas sûr d'en
exploiter tout le potentiel

Notre analyse de votre Pardot offerte dès aujourd'hui
Merci, vous pouvez compléter notre questionnaire
Nous allons revenir vers vous rapidement !

Fermer