Javascript

Cadeau de Noël

Mon cadeau de Noël : Hello world avec ExtJS et une description des principaux layouts disponibles dans ExtJS.

Celui là, vous ne pourrez pas le revendre sur E-Bay ;-).

Bonnes fêtes à tous.

P.S. : Des questions sur ExtJS ? Vous pouvez poster sur le forum ExtJS.

Etiquettes:

Les layouts (suite)

Layout anchor

Ce layout permet de dimensionner les panneaux en fonction d'un pourcentage de la hauteur et/ou de la largeur de la page.

Taxonomy upgrade extras:

Hello World avec ExtJS

Ajouter ExtJS à vos pages HTML est très simple. Il suffit d'inclure la feuille de style ext-all.css, l'adaptateur par défaut (ext-base.js) et le fichier principal de la bibliothèque (ext-all-debug.js).

Taxonomy upgrade extras:

Tester des expressions régulières avec Firebug

J'ai trouvé un nouvel usage pour l'indispensable Firebug. On peut se servir de sa console pour tester des expressions régulières. Exemple pour valider un entier positif :

"123".match(/^\d+$/) // renvoie ["123"]
 
"abc".match(/^\d+$/) // renvoie null

Etiquettes:

Le modèle objet de Javascript ou comment vivre sans classes

Avant d'expliquer le fonctionnement de l'héritage dans ExtJS, il faut d'abord rappeler un certain nombre de particularités de Javascript qui n'est pas un langage orienté objet classique comme PHP par exemple.

Dans le langage Javascript, le concept de classe n'existe pas. En fait, au lieu de déclarer une classe, on déclare une fonction qui servira de constructeur pour nos objets.

Taxonomy upgrade extras:

Tutoriel ExtJS

Taxonomy upgrade extras:

Chargement dynamique de plusieurs scripts Javascript

Avec Ajax, on se retrouve rapidement avec des scripts Javascript volumineux. Pour accélérer le chargement des pages, on peut charger les scripts à la demande.

C'est assez simple à faire avec le DOM. Il suffit d'ajouter une balise script à l'entête de la page. Pour éviter de charger deux fois le même fichier, chaque URL est stockée dans un tableau. Si l'adresse du script existe déjà dans ce dernier, le chargement ne s'effectue pas.

Pour éviter des problèmes avec le cache, j'ajoute un paramètre aléatoire à l'URL.

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.

Etiquettes:

Pages

Subscribe to RSS - Javascript