• Accueil / Salesforce / Mettre en œuvre…
, Mettre en œuvre le défilement infini pour la datation éclair &#8211; Le blog de Jitendra Zaa<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Mettre en œuvre le défilement infini pour la datation éclair – Le blog de Jitendra Zaa3 minutes de lecture


Quand utiliser l’approche filaire ou impérative pour appeler Apex dans Lightning Web Component

Si vous pensez que cet article concerne implémentation d’un comportement de défilement infini pour datable de la foudre composant, alors vous n’avez droit qu’à la moitié de la partie. L’objectif principal de cet article de blog est de comparer côte à côte @wire vs impératif comment appeler Apex et décider lequel utiliser quand?

Si vous recherchez les bases de LWC ou comment utiliser LWC dans le flux, Lightning Message Service, comment appeler Apex, suivez ce lien.

Dans cet article, vous apprendriez

  • Comment appeler Apex dans LWC en utilisant @câble
  • Comment appeler Apex dans LWC par Impératif approche
  • Comment appeler Apex sur un événement de chargement de composant équivalent à init dans Aura
  • Pourquoi choisiriez-vous d’appeler Apex soit par @câble ou Impératif Approche Apex
  • Comment lier classe wrapper dans Datable par la foudre composant
  • Comment activer le défilement infini dans Datable par la foudre en passant un appel au serveur

Commençons par la démonstration de la construction datable de la foudre composant avec effet de défilement infini, le code ci-dessous est explicite, je sauterais donc la partie explication du code. Cliquez ici pour une démonstration en direct de ce composant et testez le résultat final vous-même.

Au départ, il semble que tout fonctionne comme prévu, mais après quelques défilement, essayez de rechercher n’importe quel nom d’employé. Vous remarquerez que Salesforce n’a jamais passé le deuxième appel Apex comme cacheable = true a été mentionné dans Apex. Salesforce essaie d’économiser des ressources. Vous ne pouvez pas utiliser la méthode filaire si peut être mis en cache n’est pas vrai. C’est une excellente fonctionnalité de mise en cache, malheureusement, cela ne suffisait pas à nos besoins.

Faisons une dernière tentative, cette fois nous utiliserions Approche impérative et utilise connecté méthode pour effectuer un appel Apex lors du chargement du composant. @wire decorator l’a fait automatiquement lors du chargement du composant, cette fois nous devons faire un appel explicite. Un autre changement que nous avons fait est que nous avons marqué la méthode comme cacheable = false. Cliquez ici pour une démonstration en direct de ce composant et testez le résultat final vous-même.

Utilisez le code ci-dessous pour envelopper les deux approches dans un seul composant

Problème – Il fait des appels au serveur en continu même lorsque personne ne fait défiler

Cause 1 : Le composant parent doit limiter la hauteur. Si la div parent n’a pas de hauteur en pixels, elle continuera d’appeler la méthode Apex. En savoir plus sur le problème ici

Cause 2 : Disons que la hauteur est de 300 pixels, mais que nous avons moins de composants qui ne correspondent pas à 300 pixels, ce composant ferait toujours appel au serveur en continu. Dans ce cas, la hauteur doit être ajustée automatiquement ou désactiver le défilement infini si l’enregistrement total dans le composant n’est pas suffisant pour remplir la hauteur.



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