Comment inviter l'utilisateur à sauvegarder un formulaire dont les informations ont changé lorsqu'il quitte la page ?

Il n'y a rien de pire que de perdre toutes les modifications effectuées dans un formulaire parce que nous avons oublié de sauvegarder les nouvelles valeurs. L'auteur vous explique comment avertir l'utilisateur lorsqu'il quitte la page que des changements n'ont pas été sauvegardés.
Cet article est la traduction de How to prompt the user to save a dirty form if leaving the pageHow to prompt the user to save a dirty form if leaving the page publié sur ExtJS TutorialsExtJS Tutorials.

Article lu   fois.

Les deux auteur et traducteur

Site personnel

Traducteur :

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Explications

Pour inviter l'utilisateur à sauvegarder un formulaire dont les informations ont changé lorsqu'il quitte la page :

  1. positionnez à true l'option trackResetOnLoad du formulaire BasicExt.form.Basic ;
  2. gérez l'événement dirtychangehandledirtychangehandle du formulaire.

II. Code

Ce qui donne quelque chose comme ceci :

 
Sélectionnez
function my_onbeforeunload(e){
  message = 'Des modifications ne sont pas sauvegardées. Êtes-vous sûr de vouloir quitter cette page ?'; 
  e = e || window.event;
  if(e){
    e.returnValue = message;
  }
  return message;
}

form.on('dirtychange', function(basic, dirty, eOpts){
  window.onbeforeunload = dirty ? my_onbeforeunload : null; 
});

III. Remerciements

Cet article a été publié avec l'aimable autorisation de Neil McGuigan. L'article original peut être lu sur le blog ExtJS TutorialsExtJS Tutorials : How to prompt the user to save a dirty form if leaving the pageHow to prompt the user to save a dirty form if leaving the page.
Je remercie également djibril pour sa relecture rapide.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2012 Neil McGuigan. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.