listas en sencha touch

http://www.extjs.mx/2012/01/01/listas-en-sencha-touch/

Una lista es un componente que despliega registros de un Store como elementos de una lista en la pagina. Es una subclase de un DataView, dándole mayores capacidades, tales como:

  • Agrupar elementos, un index bar opcional y cabeceras
  • Iconos y etiquetas opcionales de para cada elemento

Creando una lista simple

Con el siguiente ejemplo, podemos desplegar elementos con un Store de registros estáticos:

  1. Ext.create(‘Ext.List’, {
  2.     store: {
  3.         fields: [‘nombre’],
  4.         data: [
  5.             {nombre: ‘Cowper’},
  6.             { nombre: ‘Everett’},
  7.             { nombre: ‘University’},
  8.             { nombre: ‘Forest’}
  9.         ]
  10.     },
  11.     itemConfig: {
  12.         tpl: ‘{nombre}’
  13.     }
  14. });

Es posible atar eventos a la lista como sigue:

  1. Ext.create(‘Ext.List’, {
  2.     listeners: {
  3.         select: function() {
  4.             alert(‘elemento seleccionado ‘);
  5.         }
  6.     },
  7.     //store  e itemConfig configurado como antes
  8. });