Développement frontend avec le framework javascript ExtJS

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.

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().

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.

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.

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.

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.