Introduciendo ExtJS (I): Configurando el entorno
12/11/2008 por Javier Caride
Las librerías ExtJS son un grupo de componentes desarrollados enteramente en Javascript para el desarrollo de herramientas pertenecientes al grupo de las denominadas “Rich Internet Applications”. ExtJS presenta un framework de desarrollo enteramente en Javascript que permite la implementación de interfaces visuales muy potentes, ofreciendo componentes para la implementación de tablas, árboles, formularios, contenedores, etc.
La sintaxis del código ExtJS es muy similar al de otros frameworks como jQuery, con lo que los programadores que hayan trabajado con ellos se sentirán cómodos. Además ya incluye dentro del framework objetos para manejar las llamadas Ajax, con lo que no es necesaria la utilización de librerías externas para realizar este tipo de comunicación.
Otra gran baza de estas librerías es la gran cantidad de objetos disponibles para la lectura de datos externos, admitiendo diversos tipos de formatos: XML, JSON, Arrays javascript, etc. A la hora de escribir este documento, su última versión estable es la 2.2, aunque se encuentra en desarrollo la rama 3.0
Configurando el entorno de trabajo
Para comenzar hay que descargar de http://www.extjs.com/products/extjs/download.php el paquete Ext JS 2.2 SDK y descomprimirlo. Este paquete además de las librerías y todos los recursos necesarios, incluye los ejemplos y el API.
Los tres ficheros que hay que incluir y que son básicos son los siguientes:
- extjs/resources/css/ext-all.css
- extjs/adapter/ext/ext-base.js
- extjs/ext-all.js
Con esto ya tendremos cargado todo el framework en nuestro entorno, y podremos ejecutar cualquier aplicación ExtJS que programemos
Conceptos básicos Ext.onReady()
Este será (muy probablemente) uno de los primeros métodos de ExtJS que llamemos en nuestros scripts. Su función es configurar una función que será ejecutada automáticamente una vez esté completamente cargado el DOM, asegurando que cualquier elemento que sea referenciado por nuestro código está correctamente cargado.
Ext.onReady(function() {
alert("Hola mundo!");
});
Si probamos este ejemplo veremos que una vez se ha cargado la página nos sale un alert de Javascript en pantalla con el mensaje “Hola Mundo”
Muy bueno el post amigo pero al meterlo no me sale bien em pone este error haber si puedes solucionarmelo!
El error es:
Ext is not defined
[Break on this error] Ext.onReady(function() { \
La verdad soy principiante en esto.Gracias adelantadas!