Desarrollo de webs y aplicaciones
Publicado en ExtJS, desarrollo web el 11/12/2008
Después de un puente largo, retomamos los artículos con trucos de ExtJS. En ExtJS tenemos la opción de crear nuestros propios validadores de datos para los campos de los formularios, lo que es útil si tenemos validaciones que se repiten a lo largo de nuestra aplicación. Muchos estaréis pensando que eso también lo podemos hacer [...]
Publicado en ExtJS el 03/12/2008
¿Como hacemos para cargar los datos de un registro de un grid en un formulario? Bien, hay diversas opciones (siempre a gusto del programador) así que aquí vamos a explicar una de ellas: asociar el evento ‘rowdblclick’ (doble click en una fila) a un handler que cargue el formulario con los datos del registro. GestorCuentas.movimientosGrid.on(‘rowdblclick’,function( [...]
Publicado en ExtJS el 03/12/2008
Voy a iniciar una serie de artículos a los que voy a denominar ‘ExtJS Cookbook’, en los que iré explicando pequeñas acciones o trucos de ExtJS pero que por ser muy comunes merecen un poco de atención La primera parte de esta serie de artículos se van a basar en el código de una miniaplicación [...]
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. var [...]
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 [...]
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, [...]
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. [...]
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, [...]
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 [...]
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 [...]