ExtJS: download e installazione (episodio 1)
ExtJS è un framework javascript giunto recentemente alla versione 2.0. Viste le notevoli potenzialità del pacchetto, peraltro ben evidenziate dalle demo online, mi sono deciso a provarlo.
Per iniziare a sperimentare è sufficiente scaricare il file ext-2.0.zip dalla pagina download e scompattarlo nella propria cartella di sviluppo (io per esempio ho usato js/ext-2.0).
Due file sono il minimo indispensabile per controllare se il framework funziona correttamente…
index.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>DEMO Ext</title>
<!-- BEGIN Ext -->
<link rel="stylesheet" type="text/css" href="js/ext-2.0/resources/css/ext-all.css"/>
<script type="text/javascript" src="js/ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext-2.0/ext-all.js"></script>
<!-- END Ext -->
<script type="text/javascript" src="index.js"></script>
</head>
<body>
</body>
</html>
Ciò che è contenuto tra ‘BEGIN Ext’ ed ‘END Ext’ sono i riferimenti alla libreria. Un CSS con gli stili di default (sfondi, pulsanti, icone ecc…) e due file JS per il framework.
index.js
Ext.onReady(function() {
alert('Installazione riuscita!');
});
L’ggetto Ext possiede un metodo Ext.onReady() che viene invocato quando la pagina è stata caricata. A differenza del classico window.onload() viene eseguito al completamento dell’albero del DOM senza attendere la visualizzazione di eventuali immagini.
Bene, se lanciando il file index.htm vedrete un simpatico alert javascript… il meno è fatto 
Nella prossima puntata vedremo come organizzare un rudimentale layout di pagina con le classi Ext.Panel ed Ext.Viewport.
Tags: ExtJS , framework , javascript
20/01/2008 alle 20:58
[...] quimo riflessioni e spunti attorno al mondo del web design io, Simone « ExtJS: download e installazione (episodio 1) [...]
26/01/2008 alle 13:23
[...] aver installato il framework ed averne testato il funzionamento con qualche semplice layout possiamo procedere ad affrontare il [...]