Sencha Touch - NestedList con secciones similares a iOS UableView?

Question

¿Es posible usar secciones en Senchas NestedList? Actualmente estoy diseccionando una aplicación nativa de iOS y me pregunto si el comportamiento estándar de UableView es reproducible usando sencha/html5/js.

_{(fuente: icodeBlog.com)}

La captura de pantalla de ejemplo anterior muestra 3 secciones: D, I, O

Gracias

Answer 1

Es posible. Debe establecer en verdaderas estas dos propiedades de la lista:

 grouped:true,
 indexBar: true,

También la tienda de su lista debe tener getGroupString Para saber cómo agrupar los elementos de la lista.

 getGroupString : function(record) {
      return record.get('firstName')[0];
 },

Aquí hay ejemplo en vivo: http://jsfiddle.net/ssyqf/16/