How to loop through the extjs grid object to get its elements and values

Question

I have created a grid and want to access it when I click on save button in a page. How can I loop the grid object to get its elements and its values?

Please look in here edspencer.net/2009/07/ext-js-iterator-functions.html — user573899
– user573899, Commented Jan 11, 2012 at 6:36

Evan Trimboli · Accepted Answer · 2013-05-23 14:00:24Z

20

If you want to get a particular field from each record:

var data = [];
store.each(function(rec){
    data.push(rec.get('field'));
});

edited May 23, 2013 at 14:00

answered Jul 1, 2010 at 12:48

Evan Trimboli

30.1k6 gold badges49 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Navnath Godse · Accepted Answer · 2014-06-24 06:51:46Z

6

Here is the answer to my question:

for (var i = 0; i < yourGrid.getStore().data.length; i++) { 
    var element = Ext.get(yourGrid.getView().getRow(i));
    var record = yourGrid.getStore().getAt(i);
    alert(record.data.ID);
}

edited Jun 24, 2014 at 6:51

Navnath Godse

2,2252 gold badges25 silver badges33 bronze badges

answered Jul 1, 2010 at 12:46

user367134

9428 gold badges19 silver badges32 bronze badges

1 Comment

Evan Trimboli Over a year ago

That's a poor way to do it. See below.

Robby Pond · Accepted Answer · 2010-06-30 12:17:50Z

4

How do you get the rows from the grid?

var rows = grid.getStore().getRange();

rows will be an Array of Record objects.

answered Jun 30, 2010 at 12:17

Robby Pond

73.5k16 gold badges128 silver badges119 bronze badges

2 Comments

user367134 Over a year ago

can i get example of "Record objects" ?

Robby Pond Over a year ago

A record is the data behind a row in the grid.

acteon · Accepted Answer · 2011-09-09 13:39:07Z

4

In order to get DOM of the row you can use following code :

yourGrid.getNode(yourGrid.getStore().getAt(rowIndex))

or you can use getNode directly but incase of any headerbar it may not work as supposed to.

yourGrid.getNode(rowIndex)

This will give you the table row.

answered Sep 9, 2011 at 13:39

acteon

4293 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to loop through the extjs grid object to get its elements and values

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related