Hola de nuevo comunidad, estoy haciendo unas maquetillas en Extjs y no veo como puedo hacer el MultiGrouping de varios niveles sobre las columnas de una grid, estoy se hacia en ExtJS 2 con un plugin, pero segun he leido por ahi esa funcionalidad es nativa en la versión 4, el código que hay por ahi es el siguiente.



Ext.create('Ext.data.Store', {
storeId:'myStore',
fields:['name', 'email', 'phone'],

groupers: [{
property : 'name',
direction: 'ASC'
},{
property : 'email',
direction: 'ASC'
}],
data:[
{ 'name': 'Lisa', "email":"lisa@sad.com", "phone":"555-111-1224" },
{ 'name': 'Lisa', "email":"test@bad.com", "phone":"555-111-1224" },
{ 'name': 'Bart', "email":"bart@asdcom", "phone":"555-222-1234" },
{ 'name': 'Bart', "email":"test2@dswcom", "phone":"555-222-1234" },
{ 'name': 'Homer', "email":"home@dwscom", "phone":"555-222-1244" },
{ 'name': 'Marge', "email":"marge@dwscom", "phone":"555-222-1254" }
],
});


Pero este codigo tan solo te agrupa por el primer grupo.

Alguna idea??

Gracias.