Utilisation des options groupHeader et de Flex dans une Grid ExtJS 4

Voici un hack de la librairie ExtJs 4.0.7 pour définir la taille des colonnes d'une grille avec l'option Flex tout en utilisant des Headers groupés.

Lire la suite

Comment ajouter un message à l'utilisateur avec la fonction sync() de ExtJs

Dans ExtJs 4.0, la fonction sync() disponible sur les Ext.data.Store est trés pratique pour mettre à jour les données. Voici un petit snippet pour ajouter un message à l'utilisateur en cas de succès ou d'erreur retourné par le serveur suite à l'execution de la fonction sync().

Lire la suite

Utilisation des Models, Store et des relations dans le modèle MVC proposé par ExtJs4

Dans l’article précédent, j’ai montré comment utiliser les Model et les Store de ExtJs et mettre en place des relations entre les Models. Le fonctionnement est identique dans le modèle MVC que propose ExtJS dans sa version 4 mais la déclaration des éléments diffère un peu dû à la structure imposée par le modèle MVC. Pour cet article je vais me baser sur l’article précédent : l’utilisation des associations entre les Models dans ExtJs, que je vous invite à lire.

Lire la suite

Utilisation des associations entre les Models dans ExtJs

ExtJs 4 fournie un nouveau modèle de gestion des données basé essentiellement sur les classes Ext.data.Model et Ext.data.Store. Dans cet article, je vais vous montrer comment utiliser la capacité de ExtJs à associer les Model ensemble, de la même façon que l’on définit les relations dans les ORM.

Lire la suite

Adoptez la programation orinetée objet (POO) en javascript

Un titre provocateur pour les développeur aguerris en effet il n'est pas possible d'utiliser la Programmation Orienté Objet en javascript comme on le fait en PHP ou Java... Mais le javascript permet la Programmation Orienté Prototype et ça change tout. Si vous êtes fans de la POO lisez cet article et vous ne verrez plus jamais le javascript de la même façon.

Lire la suite

Optimisez vos fichiers JS et CSS dans Symfony 1

Avec le composant Assetic de Symfony 2, il est simple d'optimiser et de gérer les fichiers Javascript et CSS de vos projets. Dans cet article je vous présente un exemple simple et concret à travers un plugin de gestion que j'ai fait pour ce site.

Lire la suite

Auto completion avec ExtJs 3

L'autocompletion est quasiment devenue indispensable pour la plus part des sites. Preuve en est, toutes les librairies javascript proposent des outils pour ajouter facilement cette fonction sur les input. ExtJs n'y échappe pas et c'est via l'intermédiaire des ComboBox que nous pouvons créer cette aide à la saisie. Je vous propose une implémentation simple avec la version 3.x d'ExtJs.

Lire la suite