extjs - kitchen - cómo se mostrarán los datos en la grilla de agrupación

extjs modern kitchen sink

Question

Estoy usando este artículo de arquitectura http://blog.extjs.eu/know-how/writing-a-big-application-in-ext/

Aquí está mi Application.ResellerGrid.js

Application.ResellerGrid = Ext.extend(Ext.grid.GridPanel, {
border:false
,cityname : ''''
,columndataindex : ''''
,fromdate:''''
,todate : ''''
,initComponent:function() {
var config = {
store:new Ext.data.GroupingStore({
// store configs
autoDestroy: true,
autoLoad :false,
url: ''api/index.php?_command=getresellers&city=''+this.cityname+''&columndataindex=''+this.columndataindex
+''&fromdate=''+this.fromdate+''&todate=''+this.todate
,
storeId: ''getresellerscount'',
// reader configs
root: ''reseller'',
idProperty: ''mobile'',
fields: [
{name: ''parentname''},
{name: ''firstname''},
{name: ''lastname''},
{name: ''mobile''},
{name: ''email''},
{name: ''tmecode''},
{name: ''tmename''},
{name: ''updatedon''},
{name: ''apptype''},
{name: ''alloctype''},
{name: ''empparent''},
{name: ''irodeferred''}
]
,sortInfo:{field: ''parentname'', direction: "ASC"}
,groupField:''parentname''
})
,columns: [
{
id :''parentname'',
header : ''Parent Name'',
width : 120,
sortable : true,
dataIndex: ''parentname''
},
{
id :''firstname'',
header : ''First Name'',
width : 120,
sortable : true,
dataIndex: ''firstname''
},
{
id :''lastname'',
header : '' Last Name'',
width : 100,
sortable : true,
dataIndex: ''lastname''
},
{
id :''mobile'',
header : ''Mobile'',
height : 50,
width : 100,
sortable : true,
dataIndex: ''mobile''
},
{
id :''email'',
header : ''E-Mail'',
width : 100,
sortable : true,
dataIndex: ''email''
},
{
id :''tmecode'',
header : '' TME Code'',
width : 100,
sortable : true,
dataIndex : ''tmecode''
},
{
id :''updatedon'',
header : '' updatedon'',
width : 100,
sortable : true,
dataIndex: ''updatedon''
},
{
id :''empparent'',
header : '' empparent'',
width : 100,
sortable : true,
dataIndex: ''empparent''
},
{
id :''alloctype'',
header : '' alloctype'',
width : 100,
sortable : true,
dataIndex: ''alloctype''
},
{
id :''apptype'',
header : '' apptype'',
width : 100,
sortable : true,
dataIndex: ''apptype''
}
]
,view: new Ext.grid.GroupingView({
forceFit:true,
groupTextTpl: ''{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})''
})
,plugins :[]
,viewConfig :{forceFit:true}
,tbar :[]
,bbar :[]
,height : 250
,width : 860
,title : ''Reseller Grid''
}; // eo config object
// apply config
Ext.apply(this, Ext.apply(this.initialConfig, config));
Application.ResellerGrid.superclass.initComponent.apply(this, arguments);
} // eo function initComponent
,onRender:function() {
this.store.load();
Application.ResellerGrid.superclass.onRender.apply(this, arguments);
} // eo function onRender
});
Ext.reg(''ResellerGrid'', Application.ResellerGrid);

Aquí está mi respuesta json

 {
"reseller": [{
"firstname": "anusha",
"lastname": "",
"mobile": "9739949891",
"email": "",
"tmecode": "010739",
"tmename": "Deepa S",
"updatedon": "2011-03-18 13:17:22",
"apptype": "1",
"alloctype": "2",
"empparent": "Bangalore",
"parentname": "HEMARLI"
}, {
"firstname": "IBRAZ",
"lastname": "",
"mobile": "9740834768",
"email": "",
"tmecode": "010739",
"tmename": "Deepa S",
"updatedon": "2011-03-18 17:52:04",
"apptype": "1",
"alloctype": "2",
"empparent": "Bangalore",
"parentname": "HEMARLI"
}, {
"firstname": "manjunath",
"lastname": "",
"mobile": "7829407211",
"email": "[email protected]",
"tmecode": "012574",
"tmename": "Geetha S",
"updatedon": "2011-03-19 17:12:17",
"apptype": "1",
"alloctype": "2",
"empparent": "Bangalore",
"parentname": "HEMARLI"
}]
}

los datos en mi cuadrícula no muestran por qué?

Answer 1

Hecho al agregar jsonreader, la agrupación de tiendas no funciona sin jsonreader.