Extjs Grid cell click for popup window

[spothineni]

Hi All,

I have got requirement like i have loaded my Ext grid with data. When i click on the perticular cell i should open window.showmodeldialog with that cell data to the popup and i can change that record data and i should refresh the parent grid for the updated data once i saved the popup data.

How to write the event to select the cell or column similar to
grid.on('click', this.gridSelectionHandler, this);

I will appriciate your early response as i need to finish this task early for the tommorow release.


Thanks,
Srikanth

[tryanDLS]

There are examples of this in the forum. You'll have to search. Also, please stop asking for quick responses - nobody here is obligated to help you meet your deadlines. The community will help when they have time and answers.

[ByteLess]

did you ever find out the solution?

[tryanDLS]

http://extjs.com/learn/Ext_FAQ_Grid

[dantepat]

here sample

grid.on({
'click' : {
fn: this.prueba,
scope: this											
													  }
											});

[sachindev]

It is simple:
1. Create a action column, specify handler function on that, ensure that handler has all the parameters including event parameter. It would be 5th parameter in order. i.e. function(a,b,c,d,event)
2. Use event methods getXY, getX and getY
3. Create a global popup variable. Define it before the class defination.
i.e.
var popup;
Ext.define().....
4. Then create popup component  
eg:- popup = Ext.create(Ext.Component.....)
4. popup.setPosition(event.getX(),event.getY()) and popup.show()

[gilbert largacha]

Hello.
Do you know another solution for do that...?

[ginknee]

In your grid constructor code:

   this.on({cellclick: {     fn:this.showPopup,      scope: this   });

Then put in these methods in your grid:

   showPopup: function (grid,td,cellIndex,record,tr,rowIndex,e,eOpts) {     var columnIndex = this.getColumnIndex(grid, 'YourCellColumnNameThatYouWantClicked');     if (cellIndex == columnIndex) {       //you have a match...do your popup code here    } }, getColumnIndex: function (grid, dataIndex) {   var gridColumns = grid.headerCt.getGridColumns();   for (var i = 0; i < gridColumns.length; i++) {     if (gridColumns[i].dataIndex == dataIndex) {      return i;    }   } }

[ginknee]

sorry that code came out on one line! Don't know why...

[rupamkhaitan]

How to open different popup window for each cell?

My each cell will have its custom component, i need to open popup window how can i achieve tht ?