Archives annuelles : 2011

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, [...]

Comprenez la notion de conteneur dans ExtJS. Découvrez la classe 'Container', classe de base dont hérite les conteneurs conteneurs ExtJS, comme le 'Viewport' ou le 'Panel' et ses dérivés. Ajoutez, supprimez et insérez des composants visuels ExtJS dans un conteneur. Comprenez cette relation parent/enfant via l'attribut 'items' d'un conteneur. Comprenez enfin deux valeurs ajoutées de l'attribut 'xtype' : performance et clarté du code. Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la notion de conteneur ExtJS.  Comprendre la classe Container  Comprendre la hiérarchie de conteneurs  Instancier et placer un Panel dans une page HTML  Comprendre les conteneurs Viewport et Panel  Comprendre l'attribut 'xtype' [...]

Avec Objis, spécialiste formation ExtJS, maîtrisez la gestion des événements avec ExtJS. Comprenez le type Ext.util.Observable, dont hérite tous les objets ExtJS. Comprenez la mise en oeuvre d'écouteurs avec Ext.dom.Element.on() . Découvrez les attributs 'handler' et listeners spécifiques à la gestion d'évènements de composants Extjs Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la mise en oeuvre d'évènements Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : Evènement 'click' sur un élément DOM  Partie 2 : Capture & Bubble  Partie 3 : Enregistrement d'évènement et écouteurs Durée  30min Introduction Avec chaque objet de type Ext.Element est embarqué un gestionnaire d'Evènement Ext.util.Observable. Ext.util.Observable est [...]

Maîtrisez la notion de Template ExtJS. Utilisez les Template pour créez des modèles pour l'affichage de données. Ajoutez de l'intelligence dans le traitement de ces donnnées avec XTemplate. Prérequis  Connaissance HTML, javascript.  Mise en oeuvre DOM avec ExtJS Objectifs  Comprendre notion et valeur ajoutée Template (Ext.template)  méthodes append, compile  Comprendre la mise en oeuvre de Template ExtJS  Comprendre la mise en oeuvre de XTemplate ExtJS Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : Template simple  Partie 2 : Template complexe  Partie 3 : XTemplate Durée  30min Lien utile  Présentation de James Brantly : ExtJS Advanced Templates (Vidéo Introduction Ext.template vous [...]

Avec Objis, spécialiste formation ExtJS, maîtrisez la manipulation de noeuds DOM avec ExtJS. Comprenez la méthode Ext.get et le type objet Ext.dom.Element. Comprenez la valeur ajoutée de Ext.get() sur document.getElementById() . Découvrez le type Ext.dom.Element. Ajoutez des noeuds DOM dynamiquement. Supprimez des noeuds simplement. Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la mise en oeuvre de DOM avec ExtJS  Comprendre le type Ext.Element  Comprendre valeur ajoutée de Ext.get sur document.getElementById()  Mettre en oeuvre des effets spéciaux sur un élément Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : modifier dimensions d’un noeud  Partie 2 : création de noeuds enfants  Partie 3 : [...]