Sencha Touch 2.x
  • Contenidos
  • Introducción
  • Instalación
  • Nuestra primera aplicación
    • Código HTML básico de una aplicación
    • Compilar un proyecto
    • Aviso durante la carga
    • Instanciar una aplicación
    • Comprobar los resultados
    • Fichero único vs. MVC
  • Uso de Componentes y Contenedores
    • Instanciar componentes
    • Configuración de componentes
    • Identificadores y referencias
    • Array de items y el atributo xtype
    • Añadir componentes a contenedores
    • Eliminar componentes de un contenedor
    • Mostrar y ocultar componentes
    • Eventos
    • Destruir componentes
  • Layouts
    • Layout tipo hbox
    • Layout tipo vbox
    • Layout tipo card
    • Layout tipo fit
    • Docking o acoplamiento
    • Pack y align
  • Transiciones de cambio de vista
  • Componentes
    • Toolbars
    • Botones
    • TabPanel
    • Carousel
    • Diálogos
    • Formularios
  • Almacenamiento
    • Data Model
    • Data Store
    • Proxy
  • Componentes asociados a datos
    • Plantillas
    • DataViews
    • Listados
    • Formularios
  • Más información
  • Ejercicios 1
  • Ejercicios 2
  • Ejercicios 3
Powered by GitBook
On this page

Was this helpful?

  1. Uso de Componentes y Contenedores

Eventos

Todos los componentes de Sencha Touch lanzan eventos ante determinados cambios, estos eventos pueden ser escuchados y realizar una acción cuando son activados. Por ejemplo, al escribir en un campo de texto este lanza su evento change, por lo que podríamos escuchar a dicho evento usando un listener como se muestra en el siguiente ejemplo:

Ext.create('Ext.form.Text', {
    label: 'Name',
    listeners: {
        change: function(field, newValue, oldValue) {
            // El contenido ha cambiado
        }
    }
});

Los componentes de Sencha Touch lanzan multitud de eventos facilitando el control de la aplicación y la programación por eventos. A estos eventos nos podemos suscribir también de forma dinámica una vez que el componente se ha creado. En la documentación de cada clase se puede encontrar un listado con los eventos que lanza y como podemos utilizarlos.

PreviousMostrar y ocultar componentesNextDestruir componentes

Last updated 5 years ago

Was this helpful?