ExtJs/MVC

Après l'exemple des langages serveurs, des frameworks javascript se lancent enfin dans MVC. ExtJs en fait partie.

<google uid="C08" position="left"></google>

tutorial pour démarrer

Voici un tutorial pour créer sa première application web MVC avec ExtJs 4. Cette première application est une liste de fruits modifiable.

Ce tutoriel est progressif, la première partie est une application avec des données statiques, la deuxième partie utilisera Ajax puis la dernière donnera des pistes vers des applications plus puissantes.

Il existe un outil d'échafadauge (scaffolding) dans Sencha Touch qui peut être utilisé pour générer l'arborescence de l'application mais une toute première fois à la main, c'est plus démonstratif ;).

arborescence du projet

.
|-- app
|   |-- controller
|   |-- model
|   |-- store
|   `-- view
|-- data

view

Extjs emploie le design pattern 2 step view [1]. Viewport.js contient la présentation générale alors que les vues sont dans l'arborescence de view/

Rajouter une vue

1. Créez votre fichier vue
2. déclarez la vue dans app.js
3. déclarez le namespace dans viewport.js
4. utilisez votre vue {xtype: 'mavue'}

Liens

• http://docs.sencha.com/ext-js/4-0/#!/guide/application_architecture
• http://docs.sencha.com/ext-js/4-0/#!/guide/mvc_pt3
• ? http://www.sencha.com/blog/using-ext-loader-for-your-application/
• http://olivierpons.fr/2011/08/12/extjs-4-et-le-mvc-modele-vue-controleur-howto/