ExtJS GridPanel Row Click

Question

I developed ExtJS GridPanel and populated data from a database. My requirement is when clicking on a grid line (for example, an edit button) receives an identifier from the grid and fills the window with specific data (extracts data using the identifier from the database). How can I achieve this?

Answer 1

Use this:

grid.on('rowclick', function(grid, rowIndex, columnIndex, e) { console.log(grid, rowIndex, columnIndex, e); }, this); 

Edit: See the ExtJS Grid FAQ section for network related issues.

Answer 2

Take a look at this example from Ext JS 3.3 Examples , it has similar mechanics to what you described. The main source code can be seen here .

Other official grid related examples (data binding, etc.) also deserve attention.

Answer 3

Add it to the mesh receiver:

 listeners: { cellclick: function (grd, rowIndex, colIndex, e) { var record = grd.getStore().getAt(rowIndex); var record = grd.getStore().getAt(rowIndex); } }