Hi All.

I'm totally lost with refreshing a grid i have within a window.

I set up my datastore as below.

Code:
var allergyReader = new Ext.data.ArrayReader({}, [
       {name: 'item'},
       {name: 'reaction'}
]);

var allergyStore = new Ext.data.Store({
    data: PW2.Array.Allergies,
    reader: allergyReader
});
I then have a grid that currently pulls in the data just fine when the page loads.

Code:
items: [{
    xtype: "grid",
    id: "allergygrid",
    title: "Allergies",
    height: 150,
    width: 560,
    stripeRows: true,
    store: allergyStore,
    columns: [{
        header: "Item",
        dataIndex: "item",
        width: 60
    }, {
        header: "Reaction",
        dataIndex: "reaction"
    }],
    viewConfig: {
        forceFit: true
    },
    listeners: {
        rowclick: gridClick
    }
}, {
    xtype: "toolbar",
    height: 27,
    width: 560,
    border: false,
    items: [{
        text: "+ Add Allergy",
        handler: function () {
            allergy();
        }
    },{
        text: "+ test refresh",
        handler: function () {
            alert('1');
            Ext.getCmp('allergygrid').allergyStore.loadData();
            alert('2');
        }
    }]
}
I want it so when i click on the last item "+test refresh" the datastore reloads with the latest version of the array from the DOM.

Am i missing something really obvious? Any pointers would be much appreciated.

Cheers
T