• Accueil / Salesforce / Raccourcis clavier personnalisés…
, Raccourcis clavier personnalisés avec les utilitaires Lightning Background<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Raccourcis clavier personnalisés avec les utilitaires Lightning Background3 minutes de lecture


, Raccourcis clavier personnalisés avec les utilitaires Lightning Background<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Comme les lecteurs de mon blog le sauront, je suis un grand fan des riches fonctionnalités que l’interface utilisateur de Lightning Experience fournit aux développeurs. Après avoir blogué à plusieurs reprises sur l’incroyable Utility Bar, j’ai eu envie d’explorer de nouvelles possibilités avec le nouvelle fonctionnalité de l’utilitaire d’arrière-plan. Ce sont des utilitaires qui n’ont pas d’interface utilisateur, donc n’utilisez pas d’espace dans la barre d’outils. Au lieu de cela, ils sont assis en arrière-plan, surveillant des choses comme d’autres événements générés par l’utilisateur. Un tel cas d’utilisation documenté est la possibilité de surveiller les événements du clavier! Et ainsi le Composant de raccourci clavier personnalisé est né! Ce composant exécute efficacement des flux basés sur des raccourcis clavier définis par l’administrateur! Plus d’informations à ce sujet plus tard…

, Raccourcis clavier personnalisés avec les utilitaires Lightning Background<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Vous pouvez ou ne pouvez pas savoir que Expérience Lightning en fait déjà fournit des raccourcis clavier standard? Appuyez simplement sur Cmd + / (Mac) ou Ctrl + / (Windows) pour en avoir un joli résumé!

cependant, selon la documentation standard des raccourcis, il n’est pas possible d’en ajouter des personnalisés. En utilisant le nouveau éclair: backgroundUtilityItem interface, nous pouvons rectifier cela. Ce blog explique un exemple de composant codé en dur de base et présente également un composant open source (package installable fourni) qui relie Raccourcis clavier définis par l’administrateur vers les flux et certains événements de navigation.

En quelques lignes de balisage et de code JavaScript, vous pouvez obtenir un exemple de base opérationnel.


	

Le contrôleur de composants utilise simplement la norme addEventListener méthode. Vous pouvez également inspecter le propriétés d’événement keydown pour déterminer quelles touches sont enfoncées, comme Shift ou Control plus une autre touche. Cet exemple détermine simplement si H est enfoncé et accède à Accueil.

({
   init: function(component, event, helper) {
      window.addEventListener('keydown', function(e) {
      if (e.key === 'H') {
         $A.get('e.force:navigateToURL').fire({ url: '/lightning/page/home' })
      }
    });
  }
})

, Raccourcis clavier personnalisés avec les utilitaires Lightning Background<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>Une fois déployé, rendez-vous au Gestionnaire d’applications en dessous de Installer et ajoutez le composant au Articles utilitaires liste et c’est tout! Notez que le composant a une icône différente indiquant qu’il s’agit d’un composant non visuel. Soigné!

Bien sûr, je ne pouvais pas simplement laisser des choses comme ça, alors je me suis mis à créer une version plus dynamique. La configuration du Composant de raccourci clavier personnalisé est affiché en haut de ce blog. Il tire parti du fait que lorsque vous configurez un composant de la barre d’utilitaires, Gestionnaire d’applications inspecte le Fichier .design pour le composant pour comprendre quels attributs le composant doit configurer par l’utilisateur. Lors de l’exécution, la logique du contrôleur analyse ensuite les 9 attributs contenant les raccourcis clavier entrée par l’utilisateur dans une mappe interne utilisée par le gestionnaire d’événements de clavier pour comparer les actions à l’activité du clavier.

Une fois que vous avez installé le composant soit via un paquet installer (convivial pour les administrateurs) ou via force sfdx: source: déployer (devs). Ajoutez le composant dans le Gestionnaire d’applications pour configurer les raccourcis clavier.

Grâce à la configuration, vous pouvez connecter des raccourcis clavier aux éléments suivants: –

  • Ouvrir un flux d’interface utilisateur dans une fenêtre contextuelle modale
  • Exécuter un flux de lancement automatique
  • Afficher des messages contextuels communiquant les actions entreprises par le flux
  • Naviguez l’utilisateur vers l’onglet Accueil
  • Dirigez l’utilisateur vers les enregistrements créés par le flux

, Raccourcis clavier personnalisés avec les utilitaires Lightning Background<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>, Raccourcis clavier personnalisés avec les utilitaires Lightning Background<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Vous trouverez plus de détails sur la configuration du composant dans le README ici. Enfin, vous vous souviendrez peut-être que J’ai utilisé un utilitaire d’arrière-plan dans la présentation Dreamforce de cette année. Dans ce cas, il utilisait le nouveau Composant de streaming pour écouter les événements de la plateforme. Vous pouvez trouver le code source ici.

S’amuser!



Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Voulez-vous utiliser Pardot à sa capacité maximale et avoir
+ DE LEADS QUALIFIÉS

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

Fermer