I created the following code using Architect 2 and added two lines code in the event handler 'onButtonClick'. Triggering the event it says 'getRange()' is 'undefined'. Firebug states that the data is delivered correctly in JSON format by the server !?
So, what ist wrong, how can y access the data in the store?

Ext.define('StoreTest.view.MyContainer', {
extend: 'Ext.container.Container',
height: 387,
width: 621,
layout: {
align: 'stretch',
type: 'vbox'
},
initComponent: function() {
var me = this;

Ext.applyIf(me, {
items: [
{
xtype: 'displayfield',
id: 'dataFld',
width: 413,
value: 'Display Field',
fieldLabel: 'Label'
},
{
xtype: 'button',
id: 'MyButton',
width: 30,
text: 'MyButton',
flex: 0,
listeners: {
click: {
fn: me.onButtonClick,
scope: me
}
}
}
]
});

me.callParent(arguments);
},

onButtonClick: function(button, e, options) {
var f = Ext.getCmp('dataFld');
var dt = StoreTest.store.getRange();
}
});