Data in Subgroups - Uncaught TypeError: Cannot read property 'length' of undefined

[izak18]

Hello guys,
I have a problem with my store and my model i think.
I want to show a list but my data store is in sub-groups, so I have to use "associations" but I get the error message : "Uncaught TypeError: Cannot read property 'length' of undefined"
This is my code:

Data (Example):

{"root":[{"TipoPosAnt":"Z010","Reembolsable":null,"DsctoMontTotal":0,"Repartos":[{"TipoReparto":"Z1","Pos":"0001","PosCorto":"1","FechaEntrega":"\/Date(1331096400000)\/","CantPed":40.000,"CantConf":0.000,"CodUMedida":null}],"ConversionUMedida":"1 CJ"}]}

Store:

var detalleCabStore = new Ext.data.Store ({
    autoLoad: true,
    model: 'detalleCabModel'
});

Model:

Ext.regModel('detalleCabModel', {    fields: [
        {name: 'Posicion', type: 'string'},
        {name: 'CodMaterialCorto', type: 'string'},
        {name: 'DescMaterial', type: 'string'},
        {name: 'Cantidad', type: 'string'},
        {name: 'CodUMedida', type: 'string'},
        {name: 'Rendimiento', type: 'string'},
        {name: 'CodCentro', type: 'string'},
        {name: 'CodAlmacen', type: 'string'},
        {name: 'CodLote', type: 'string'},
        {name: 'PrecioSinIGV', type: 'string'},
        {name: 'DsctoMontTotal', type: 'string'},
        {name: 'Reparto', type: 'string'},
        {name: 'FechaEntrega', type: 'string'},
        {name: 'SubTotal',  type: 'string'}
    ],
    proxy:
    {
        id: 'status',
        type: 'rest',
        url: 'data/detalleCabecera.txt',
        reader:
        {
            type: 'json',
            root: 'root'
        }
    },    
    hasMany: { model: 'repartoModel', name: 'Repartos' }
});


Ext.regModel('repartoModel', {
    fields: [
        {name: 'FechaEntrega', type: 'string'},
        {name: 'TipoReparto',  type: 'string'}
    ],
    proxy:
    {
        id: 'status',
        type: 'rest',
        url: 'data/detalleCabecera.txt',
        reader:
        {
            type: 'json',
            root: 'Repartos'
        }
    },    
    belongsTo: { model: 'detalleCabModel', name: 'root' }
});

List:

this.lDoc = new Ext.List({            id: 'listaDoc',
            grouped: false,
            itemTpl: listDoc,
            loadingText: false,
            store: detalleCabStore,
            prepareData: function(data, index, record) {
			 return data;
	   }
        });

I hope you can help me.
Thanks for everything!

[mitchellsimoens]

What is firing the error? Is it from the template or the model?

[izak18]

I think is the model, because my template is ok, I used before with data that aren't inside a group of my text store file and I don't had any problem.

Here is the code:

Tpl:

var listDoc =
    '<div class="materialItem">'+
	'<div class="doc-img"><img src="resources/images/cabdet_icon.png" width="40" height="40"></div>'+
        '<div class="list-cabi">'+
            '<span class="list-izq">{Posicion}&nbsp;&nbsp;&nbsp;{CodMaterialCorto}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cant: {Cantidad}&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;{CodUMedida}&nbsp;&nbsp;&nbsp;Rend: {Rendimiento}</span>'+
			'<br />'+
			'{DescMaterial}'+
			'<br />'+
			'{CodCentro}::Distribucion&nbsp;&nbsp;/&nbsp;&nbsp;{CodAlmacen} (Almacen)&nbsp;&nbsp;/&nbsp;&nbsp;{CodLote}'+
        '</div>'+
        '<div class="list-cabd">'+
            '<span>Precio Unit: {PrecioSinIGV}'+
			'<br />'+
			'Total Dcto: {DsctoMontTotal}'+
			'<br />'+
			'{FechaEntrega}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Subtotal: {SubTotal}</span>'+ 
        '</div>'+
    '</div>';