Le Viewport : Une application plein écran

Le ViewPort permet d'afficher votre application en plein écran. Il se substitue à la balise body et se redimensionne automatiquement avec la fenetre.

Ce composant est idéale pour encapsuler toute votre application. Le Viewport s'affiche automatiquement au démarrage du programme.

Exemple :

1) Nous créons un panel  : monPanelPrincipale

2) Nous créons le Viewport qui contient ce panel.

Ext.onReady(function(){
    var monPanelPrincipale = new Ext.Panel({
        title:'panel principal',
        frame:true
    });
    var monViewport = new Ext.Viewport({
        title:'viewport',
        layout:'fit',
        items:monPanelPrincipale
    })
});