jeudi 11 juillet 2013

Bouton en cours de chargement en Visualforce


Aujourd’hui je vous propose un petit code Javascript qui vous permettra d’ajouter un effet de chargement « à la Salesforce » sur vos boutons Visualforce :



Outre faire joli, cela aura pour utilité :
  • D’informer vos utilisateurs qu’un traitement est en cours
  • D’éviter un éventuel double clic engendrant une action 2 fois
  • De ne pas vous prendre la tête à faire un Ajax loader élaboré avec du Javascript, un spinner  en ressource statique, etc.


Voici donc le code que vous devrez ajouter à votre page Visualforce (vous pouvez bien sûr utiliser une ressource statique) :

Version si vous utilisez jQuery dans votre page :


Version si vous n’utilisez pas de framework Javascript:

> En minified :



Une fois ce code inséré, vous n’aurez plus qu’à ajouter la classe CSS « waitButton » à vos boutons pour que la magie opère :)
<apex:commandButton action="{!doSomething}" value="Do Something" styleClass="waitButton" />

C’est une technique parmi tant d’autres, mais qui a le mérite d’être très simple à mettre en place et qui suffit dans la plupart des situations.

Aucun commentaire:

Enregistrer un commentaire