I am using a gridview which is binding data from datastore dynamically. I have two textbox to enter data into grid. On submit button click the textbox data I am adding to my datastore (no need to store in backend). Now I want to refresh my gridview with datastore.

My Code:

_createEmptyRecord: function () {

var emptyrecord = Ext.data.Record.create(["id", "name", "type"]);

        return new emptyrecord({
            formula_id: 1,
            name: Amit,
            type: anything
        });
    },


    _addValuetogrid: function () {
        var record = this._createEmptyRecord();
        this._store.insert(0, record);
    },
_refreshgrid: function()
{

this._grid._addValuetogrid();

},

Now how to refresh my Gridview ?

Please help me...

I am using a gridview which is binding data from datastore dynamically. I have two textbox to enter data into grid. On submit button click the textbox data I am adding to my datastore (no need to store in backend). Now I want to refresh my gridview with datastore.

My Code:

_createEmptyRecord: function () {

var emptyrecord = Ext.data.Record.create(["id", "name", "type"]);

        return new emptyrecord({
            formula_id: 1,
            name: Amit,
            type: anything
        });
    },


    _addValuetogrid: function () {
        var record = this._createEmptyRecord();
        this._store.insert(0, record);
    },
_refreshgrid: function()
{

this._grid._addValuetogrid();

},

Now how to refresh my Gridview ?

Please help me...

• javascript
• extjs3

• 6 Capslock broken? – Sirko Commented Mar 27, 2012 at 12:27
• 4 PLEASE DON'T SHOUT (I've fixed it for you on this occasion) – T.J. Crowder Commented Mar 27, 2012 at 12:30

2 Answers 2

Ext.grid.GridView has refresh() method.

this._grid.getView().refresh();

I believe a refresh function similar to this (untested) will work for Extjs 4;

_refreshgrid: function()
    {
        this._grid.getActiveView().refresh(true);
    }