Category : Tutorial

Cuando desarrollamos aplicaciones de gran escala es de suma importancia definir una buena arquitectura, dividir nuestro código en capas nos permite tener un mejor control sobre el mismo así como facilitarnos el mantenimiento en un futuro. Ext 4 nos permite implementar de una forma sencilla el patrón MVC para organizar nuestro código y separandolo en capas delegando resposabilidades específicas en cada una de ellas.

Read more

La versión 4 de Ext JS nos proporciona varias opciones interesantes, la manera de definir el xtype de los componentes ha cambiado y se han agregado nuevas propiedades especiales, en este tutorial mostrare las nuevas características.

Read more

El desarrollo en dispositivos móviles es algo que viene creciendo desde hace ya algunos años, en este tutorial se muestra como escribir una aplicación en JavaScript y utilizando PhoneGap convertirla en una aplicación nativa para un iPhone.

Read more

Ya hemos visto como editar las celdas de un Grid en tutoriales anteriores; muchas veces es necesario realizar cálculos al cambiar el valor de una celda, por ejemplo algún reporte de ventas por mes o catálogo de existencias en un almacén, etc. para realizar esto usaremos el plugin “Summary”.

Read more

En esta ocasión vamos a Crear, Leer, Actualizar y Borrar (CRUD) un catalogo de contactos usando un formulario y mostrando los resultados en un “Grid” este es el que se encargara de hacer las operaciones antes mencionadas, con esto veremos otra aplicación básica de la integración de un FormPanel y el GridPanel, utilizando un Writer dentro del Store que maneja el Grid.

Read more

En el tutorial de hoy se explica cómo se puede crear más de un campo editable en una sola fila, esto es un caso muy típico cuando capturamos campos como un teléfono, una tarjeta de crédito, etc.

Read more

En esta ocasión veremos cómo podemos hacer nuestros “Grids” un poco más dinámicos, esto lo haremos al cargar todo la información desde nuestra base de datos, incluyendo la información necesaria para los “headers” del “Grid”.

Read more

En esta ocasión vamos a Crear, Leer, Actualizar y Borrar (CRUD) un catálogo de contactos usando un EditorGrid que a su vez contendrá un Writter en su Store. Con esto podremos simplificar nuestro código al momento de hacer las peticiones a nuestro servidor.

Read more

En esta ocasión veremos cómo podemos crear un Wizard, esto lo haremos utilizando un layout de tipo “Card” y un solo formulario, el wizard que simularemos recojerá la información necesaria para crear una conexión a una base de datos.

Read more

En esta ocasión veremos como interactuar con una imagen por medio de sliders, los cuales nos ayudaran a que este elemento pueda ser editado. Veremos cómo cambiar propiedades básicas de nuestro elemento.

Read more