How to refresh a GridView in Extjs?

Question

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...

PLEASE DON'T SHOUT *(I've fixed it for you on this occasion)* — T.J. Crowder, Mar 27 '12 at 12:30

score 13 · Answer 1 · answered Apr 06 '12 at 07:45

13

Ext.grid.GridView has refresh() method.

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

answered Apr 06 '12 at 07:45

Jan Míšek

1,647
1
16
22

score 1 · Answer 2 · answered Dec 19 '13 at 18:57

1

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

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

answered Dec 19 '13 at 18:57

Deacon Wolfwood

99
12

How to refresh a GridView in Extjs?

2 Answers2