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?

Answer 1

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

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

Answer 2

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);
}