Hi,

Unable to load data and getting below error with Ext.getCmp('resourceAccessGridPanel').store.load() method invocation:
ext-all.js:17 Uncaught TypeError: a.column.setHeaderStatus is not a function
at ctor.updateHeaderState (ext-all.js:17)
at ctor.onStoreRefresh (ext-all.js:17)
at ctor.fire (ext-all.js:17)
at ctor.doFireEvent (ext-all.js:17)
at ctor.b.doFireEvent (ext-all.js:17)
at ctor.fireEventArgs (ext-all.js:17)
at ctor.fireEvent (ext-all.js:17)
at ctor.afterLoadRecords (ext-all.js:17)
at ctor.loadRecords (ext-all.js:17)
at ctor.onProxyLoad (ext-all.js:17)

My code is as below:

Ext.define('resourceAcsModel',{
extend: 'Ext.data.Model',
fields: ['id', 'access']
});


function getResourceAcsStore()
{
return Ext.create('Ext.data.Store', {
model: 'resourceAcsModel',
proxy: {
type: 'ajax',
url:'../resourceGroup/getResourceGrpAccessList.htm',
reader: {
type : 'json',
rootProperty : 'fields',
totalProperty : 'count',
successProperty: 'success'
}
}
});
}


Ext.create('Ext.grid.Panel',{
store: getResourceAcsStore(),
border:false,
id:'resourceAccessGridPanel',
columns: [
{header: "Resource Name", width: 180, sortable: true, dataIndex: 'id',columnLines : true},
{header: 'Access', dataIndex: 'access', width: 120 }
],
viewConfig: {
forceFit : true,
emptyText:'No Resource Names to display.'
},
selModel: {
selType: 'checkboxmodel',
showHeaderCheckbox : true,
mode : 'MULTI',
checkOnly :true,
allowDeselect :true
},
loadMask:{
msg:'Loading...'
}
});


Any one please help me how to resolve this.

--
Thanks
Karun Telu