Desarrollo de webs y aplicaciones
Publicado en ExtJS el 21/11/2008
Definiendo un formulario
Realmente la definición de un formulario que haga su carga de datos y guardado mediante Ajax, no dista mucho de la definición de un grid.
Lo primero que hacemos es definir el registro que contendrá nuestros datos. Como se puede ver en este ejemplo hemos utilizado la misma definición de registro.
[...]
Publicado en ExtJS el 18/11/2008
En ExtJS tenemos básicamente dos tipos de grids, los que únicamente son para listar información (los llamaremos Grids básicos) y los grids editables, que permiten editar la información que se lista dentro de ellos.
Grid básico
En los grids tenemos que distinguir 3 partes importantes:
El store de datos
El modelo de datos de las columnas
La definición del grid [...]
Publicado en ExtJS el 14/11/2008
Pestañas (Ext.TabPanel)
Como la mayoría de los contenedores, Ext.Tabpanel deriva de Ext.Panel, con lo que hereda todas sus funcionalidades básicas. Realmente se comporta como un panel en el que el contenido se puede dividir en varios tabs, donde cada uno de ellos es un panel con su correspondiente layout
Ventanas
También Ext.Window deriva de Ext.Panel, y como cualquier [...]
Publicado en ExtJS el 14/11/2008
A efectos prácticos un Ext.Viewport se comporta igual que un Ext.Panel, pero realmente es un contenedor especial. Su peculiaridad es que se renderiza automáticamente en document.body, y que sólo puede existir uno por aplicación. Además su tamaño siempre es igual al de la ventana del navegador, autoajustándose automáticamente a los cambios del tamaño de esta.
Ext.onReady(function() [...]
Publicado en ExtJS el 13/11/2008
Este es uno de los contenedore más básicos que podemos utilizar en ExtJS y del que derivan otros muchos componentes(TabPanel, Tip, Window, FieldSet, FormPanel, GridPanel, TreePanel).
Básicamente, un Ext.Panel es una región rectangular en la que podemos insertar otros componentes. Además de eso un panel puede contener una barra de herramientas superior, otra inferior, botones, etc. [...]
Publicado en ExtJS el 13/11/2008
ExtJS facilita una colección de objetos para manejar las llamadas Ajax. Su utilización es bastante sencilla y a todos aquellos desarrolladores que hayan utilizado jQuery, les sonará la sintaxis.
En el ejemplo podemos ver que a la llamada ajax se le pueden asignar dos funciones, una para cuando la llamada Ajax se ha ejecutado con éxito, [...]
Publicado en ExtJS el 12/11/2008
Como otros frameworks Javascript (jQuery, prototype, etc.) ExtJS posee una colección de selectores para localizar cualquier elemento dentro del DOM. Aunque hay una clase singleton que nos facilita las herramientas necesarias para hacer esta selección (Ext.DomQuery), normalmente seleccionaremos un elemento del DOM mediante la función Ext.select(), como podemos ver a continuación.
Ext.onReady(function() {
// Capturamos el objeto [...]
Publicado en ExtJS el 12/11/2008
Ext.Element, es quizás el objeto más importante en ExtJS. Normalmente si queremos referenciar en nuestro código Javascript cualquier objeto del DOM, normalmente utilizaremos la instrucción:
var divObj = document.getElementById(‘divEjemplo’);
Este método sólo nos devuelve el objeto javascript “tal cual” sin ninguna función a mayores para manejarlo.
ExtJS nos facilita el objeto Ext.Element, para ampliar las funcionalidades de cualquier [...]
Publicado en ExtJS el 12/11/2008
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, [...]