How to read and set a value of a specific cell in an ExtJS Grid?

Question

I am beginning with ExtJS. I am trying to read a value from a cell that is selected
I use an EditorGrid and the store looking like that :

my_store = new Ext.data.JsonStore({
    root: 'topics',
    totalProperty: 'totalCount',
    idProperty: 'details_id',

    fields: [
        {name : 'index',    type : 'int'},
        {name : 'inactive', type : 'int'},
        {name : 'c_1',      type : 'string'},
        {name : 'c_2',      type : 'string'},
        {name : 'c_3',      type : 'string'},
        {name : 'c_4',      type : 'string'}
    ],
    proxy: new Ext.data.ScriptTagProxy({
        url: 'my_proxy_url'
    })
});

As of now, this is what I use to retrieve the rows and columns of the selected cell :

var column = grid.getSelectionModel().selection.cell[0];
var row    = grid.getSelectionModel().selection.cell[1];

How can I read the value of a selected cell in the grid and change this value ?

Lloyd · Accepted Answer · 2014-01-22T09:58:45.313

13

It entirely depends upon your selection model. With a RowSelectionModel you can get the Record of the selected row like thus:

var sel_model = grid.getSelectionModel();
var record = sel_model.getSelection()[0];

Then all you need do is use the set() method:

record.set("c_1","Test");

Of course, with an EditorGridPanel you're supposed to assign editing to controls and not directly.

edited Jan 22 '14 at 09:58

answered Mar 15 '10 at 14:19

Lloyd

29,197
4
84
98

thanks...a lot...this is what I was searching. bless you – Poonam Bhatt Jan 22 '14 at 09:57

score 0 · Answer 2 · answered Jun 07 '13 at 06:21

0

it has been explained quite well here http://atechiediary.blogspot.in/2013/06/extjs-grid-update-values-of-elements-in.html

answered Jun 07 '13 at 06:21

DarkKnightFan

1,913
14
42
61

score -1 · Answer 3 · edited Oct 16 '15 at 06:10

@Llyod

as per your answer,

It entirely depends upon your selection model. With a RowSelectionModel you can get the Record of the selected row like thus:

var sel_model = grid.getSelectionModel();
var record = sel_model.getSelection()[0];

Then all you need do is use the set() method:

record.set("c_1","Test");

Of course, with an EditorGridPanel you're supposed to assign editing to controls and not directly.

this works, But what if i want to accesses the value of cell by using column value (e.g. 4 or 5) instead of column name. Is it possible to do the same

How to read and set a value of a specific cell in an ExtJS Grid?

3 Answers3

Linked