Tutoriel : Ma première fenêtre

Ma première fenêtre

Créez un nouvelle page window.html.

 

 

Ajouter le code minimal pour démarer une application statique ou dynamique en ExtJs4.

 

Dans le onReady, ajouter ce code :

 

var maFenetre = Ext.create('Ext.window.Window',{
       title:'ma nouvelle fenere',
       height:200,
       width:400
});
maFenetre.show(); 

 

Résultat :

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">

        <link rel="stylesheet" type="text/css" href="ext-4/resources/css/ext-all.css">
        <script type="text/javascript" src="ext-4/ext.js"></script>

        <script type="text/javascript">

               Ext.Loader.setConfig({
                  paths:{
                      'Ext':'./ext-4/src'
                  }
              });

              Ext.require('Ext.window.Window'); 

              Ext.onReady(function(){

                   var maFenetre = Ext.create('Ext.window.Window',{
                         title:'ma nouvelle fenere',
                          height:200,
                          width:400
                    });
                    maFenetre.show();

              });

        </script>

    </head>
    <body> </body>
</html>