ExtJS

JSBuilder 2

JSBuilder est un outil développé par l'équipe d'ExtJS pour packager des fichiers Javascript et des feuilles de style CSS. Il compresse les fichiers (avec YUI Compressor) et les concatène, ce qui vous permet de réduire le nombre de ressources à inclure dans vos page HTML et donc d'améliorer le temps de chargement de vos pages. En utilisant ce programme, on peut également répartir son code JS et ses règles CSS dans plusieurs petits fichiers qui peuvent être chargés plus facilement dans un IDE.

Etiquettes:

Ext.EventObject.getRelatedTarget

Il m'a fallu un peu chercher pour savoir à quoi sert cette méthode. La documentation d'ExtJS n'est en effet pas très explicite :

La documentation de Ext.EventObject.getRelatedTarget

C'est là qu'on se rend compte qu'à force d'utiliser des bibliothèques Javascript pour éviter les problèmes de compatibilité entre les navigateurs, on en oublie les bases, c'est à dire le DOM. relatedTarget est en fait un attribut des événements DOM qui contient dans le cadre d'un événement mouseenter une référence à l'élément que la souris vient de quitter. Pour un événement mouseout, c'est l'élément dans lequel la souris vient d'entrer.

Etiquettes:

Ext Core disponible sur Google CDN

Logo ExtJS

Bonne nouvelle, Ext Core, le noyau de ExtJS 3 peut à présent être chargé depuis les serveurs de Google. On peut donc charger la bibliothèque Javascript avec une balise script classique et l'url http://ajax.googleapis.com/ajax/libs/ext-core/3/ext-core.js

Etiquettes:

Sélecteur de date avec ExtJS, le retour

Sélecteur de date inline avec ExtJS

Il y a quelque temps, j'avais écrit un article qui expliquait comment ajouter des sélecteurs de date avec ExtJS à des balises input.

Cette technique peut cependant poser problème avec certaines mises en page. En effet, les balises input sont des éléments inline alors que les champs ExtJS sont encapsulés dans une balise div qui est un élément de type block.

Etiquettes:

ExtJS Core Bêta 3

ExtJS

L'équipe d'ExtJS vient d'annoncer la sortie de la version 3.0 Bêta du noyau du framework Javascript.

Etiquettes:

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:

Tutoriel ExtJS

J'ai commencé un tutoriel sur ExtJS, sur le même modèle que mon tutoriel sur le Zend Framework. J'attaque la série par un rappel du modèle objet de Javascript qui pourra être utile à ceux qui ne sont pas familier avec ce langage, même si ils ne souhaitent pas utiliser ExtJS.

Bonne lecture.

P.S.
J'ai mis également en place un forum sur ExtJS, pour ceux qui souhaite discuter sur le sujet en Français.

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:

Pages

Subscribe to RSS - ExtJS