Tutoriel : Une page ExtsJs4 de base en mode statique

Une page ExtsJs4 de base en mode statique

Dans ce projet, ajoutez une page : index.html, Le doctype doit être HTML5 : <!DOCTYPE html>

Nous allons maintenant inclure la feuille de style ainsi que le fichier ext-all.js

Afin de verifier que tout fonctionne, on affiche un message extjs :

 

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-all.js"></script>

        <script type="text/javascript">

              Ext.onReady(function(){
                   Ext.MessageBox.alert('info','Extjs4 est pret');

              });

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