Sélecteur de date avec ExtJS

Cette technique peut affecter la mise en page de votre site. Une méthode moins intrusive est détaillée dans cet article.
Le sélecteur de date d'ExtJS

Avec la bibliothèque ExtJS, c'est très facile de mettre un peu d'Ajax dans ses formulaires.

Par exemple, pour ajouter un calendrier à vos champs date, affectez leur une classe nommée dateField par exemple, puis utilisez le code suivant :

Ext.onReady(function() {
  Ext.select('.dateField', true).each(function(elt) {
   new Ext.form.DateField({
     applyTo: elt
   });
  });
});

Ce code retrouve les éléments du document dotés de la classe dateField et les transforme en Ext.form.DateField

Vous noterez que je positionne le deuxième argument de la méthode select à true de façon à ce que ExtJS crée un élément unique à chaque fois car sinon il n'y a qu'un seul sélecteur de date qui est créé pour la page.

Poster un nouveau commentaire

Le contenu de ce champ ne sera pas montré publiquement. If you have a Gravatar account, used to display your avatar.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. The supported tag styles are: <foo>, [foo].

Plus d'informations sur les options de formatage

CAPTCHA
La vérification ne tient pas compte des minuscules ou des majuscules.
Image CAPTCHA
Enter the characters shown in the image.