extjs

Maîtrisez la compression de votre application en vue du déploiement. Utilisez Sencha Cmd. En particulier, comprenez la commande 'sencha app build'. Prérequis  Tutoriel ExtJS : Installation de l'outil Sencha Cmd Objectifs  Packaging et déploiement d'une application pour la production Liens utiles  Documentation Sencha Cmd Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : génération squelette application  Partie 2 : chargement application  Partie 3 : packaging en vue de la production  Partie 4 : chargement application packagée Durée  30min Petit-déjeuner ExtJS 6 vendredi 25 septembre - Paris Découvrez les opportunités offertes par le framework ExtJS 6 pour le développement de vos applications [...]

Maîtrisez les étapes clés de la mise en œuvre d'Ext Direct avec PHP. Exposez les méthodes de vos classes PHP à votre code javascript. Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre le modèle de composant ExtJS Liens utiles  Statcks ExtJS (PHP, JAVA,...)  Stack java : ExtDirect4J Programme  Introduction  Partie 1 : installation d'un Routeur PHP  Partie 2 : votre classe PHP  Partie 3 : votre page html  Partie 4 : votre code javascript  Partie 5 : test Durée  30min Introduction  Ext Direct est un pont un pont entre votre code javascript coté client et votre code coté serveur  Ext Direct expose à [...]

Lien utile  Tree avec PHP/MySQL Besoin : Etape 1 : création store Tout Treeview doit être associé à un store de type Ext.data.TreeStore INFO : si aucun Model n'est fourni, le store utilise un Model implicite Ext.data.NodeInterface qui fournit les méthodes pour travailler avec les données de l'arbre  En utilisant la documentation ExtJS, fournissez 2 exemples de méthodes pour manipuler l'arbre. Etape 2 : préparation données Pour notre exemple, les données sont au format JSON dans un fichier. QUESTION : à quoi sert la clé 'expanded' ? QUESTION : à quoi sert la clé 'leaf' ? Etape 3 : instanciation Tree [...]

Besoin Etape 1  créez le répertoire de votre projet de thème personnalisé à partir du répertoire resourcesthemestemplatesresourcessass.  configurez dans config.rb le chemin vers l'installmation ExtJS  renomez le fichier my-ext-theme.scss en ThemePersoPanel.scss Etape 2  Mettez à jour le fichier ThemePersoPanel.scss avec le contenu suivant :  Expliquez Etape 3 Etape 4 : compilation compass ce qui crée fichier ThemePersoPanel.css Etape 5 Etape 6 CORRECTION theme themePanelPerso themepersopanel CORRECTION application Tutoriel11_layout_v3_theme_panel_perso

Mettez en oeuvre Sass & Compass pour la modification du style de vos écrans ExtJS 4. Configurez compass à travers le fichier 'config.rb' et paramétrez Sass à travers le fichier modèle fournit par ExtJS Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la modification de thème de ExtJS 4 Liens utiles  Tuto thème composant spécifique Programme  Introduction  Partie 1 : création répertoire projet thème  Partie 2 : configuration compass (fichier .rb)  Partie 3 : compilation fichier scss Durée  30min Introduction Partie 1 : création répertoire projet  Localisez le répertoire EXTJS_HOMEresourcesthemestemplatesresourcessass Dans ce répertoire : — le fichier config.rb est le fichier de configuration de [...]

Préparez votre environnement de développement Javascript / ExtJS avec l'outil spket. Mettez en oeuvre la complétion de code et la coloration syntaxe de votre code ExtJS 4. Prérequis  Connaissance HTML, javascript. Objectifs  Préparer un environnement de développement pour ExtJS Programme  Partie 1 : Installation Eclipse  Partie 2 : Préparation Eclipse pour plugin spket  Partie 3 : Installation plugin spket  Partie 4 : Configuration plugin spket  Partie 5 : Configuration lecture fichiers '.js' par skpet  Partie 6 : création projet javascript  Partie 7 : création fichier js dans projet  Partie 8 : test complétion de code  Partie 9 : En cas d'erreur... [...]

Maîtrisez un des composants clés de l'architecture MVC d'ExtJS 4 : l'objet Ext.ComponentQuery. Comprenez le rôle du ComponentQuery dans ExtJS4 MVC. Comprenez comment utiliser le ComponentQuery dans vos controleurs ExtJS 4. Recherchez des composants dans le ComponentManager à travers une syntaxe proche des sélecteurs CSS. Prérequis  Connaissance HTML, javascript. Liens utiles  CSS Selectors  Ext.ComponentQuery API  Tutoriel ExtJS 4 MVC : comprendre le ComponentQuery  Plugin firebug 'Illuminations' Objectifs  Comprendre la recherche de composants dans ExtJS 4 MVC Programme  Introduction ComponentQuery ExtJS 4  Partie 1 : application cible  Partie 2 : requêtage Durée  30min Qui sommes-nous ? Introduction Ext.ComponentQuery : — -> très utile [...]

Mettez en œuvre MVC avec le framework ExtJS 4. Créez progressivement controlleur , vue et model ExtJS 4. Comprenez les interactions Controlleur/Vue à travers la méthode control() du controlleur. Augmentez la productivité de vos développements ainsi que la maintenance de vos applications ExtJS en produisant du code structuré. Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre l'architecture MVC ExtJS 4  Mettre en oeuvre Controlleur, Model, Store, Vue ExtJS 4 Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : Squelette application  Partie 2 : Création Controleur  Partie 3 : Création Vue 'lister les employés'  Partie 4 : Gestion évènement 'double-click'  Partie 5 : Création [...]

Maîtrisez la création de menus ExtJS. Créez des sous-menus. Associez des icones, du style, du texte et des évènements aux éléments de menus. Gérez le menu contextuel. Comprenez les menu sous forme de bouton Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la création de menus fixes ou flottants Programme  Introduction  Partie 1 : Mise en oeuvre Menu non flottant + gestion évènement  Partie 2 : menu contextuel  Partie 3 : Barre d'outils (Toolbar)  Partie 4 : Mise à jour Body via Singleton Durée  30min Introduction ExtJS vous permet de créer rapidement des menus professionnels pour vos applications. Au coeur de cette stratégie, [...]