ExtJs / Sencha : how to highlight a grid row after insert ?

Question

Hi,

I want to create such a grid: http://www.sencha.com/deploy/dev/examples/grid/edit-grid.html

Actually I already did, but I want to highlight the last inserted row of my grid (in extjs this is the function highlight(), which does a yellowfade on the element).

I didn't actually succeed in doing this... my problem is that I can't get the row I just inserted, and thus obviously I can't highlight it. Any clues?

Thanks in advance

Answer 1

Any code you could share would be helpful.

Do you reload your store after insert?

Answer 2

Ext.data.store has a add listener which is passed an index at which records were inserted

add : ( Store this, Ext.data.Record[] records, Number index )

Answer 3

The code has

store.insert(0, p);

So don't you just highlight row zero immediately after that statement?

Answer 4

For info:

You only need to do this (here for row one):

var row = grid.getView().getRow(0); Ext.get(row).highlight();

It's that easy

Answer 5

yes sorry for answering too late, use Ext.grid.RowSelectionModel and than use selectLastRow function u can easily will be able to point it out :)