StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>If there is no data, there won't be any row or itemRenderer and hence technically there is no row index. The <code>e.target</code> would contain the <code>ListBaseContentHolder</code> and <code>e.currentTarget</code> would contain the DataGrid itself. However you can use the mouse-y position to calculate what row would have been present at the clicked location. Here is a dirty little trick to do it - it's not thoroughly tested and hence might fail for edge cases.</p> <pre><code><?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:local="*" creationComplete="create();"> <mx:DataGrid id="myGrid" editable="true" click="clickEvent(event)" variableRowHeight="true" > <mx:columns> <mx:DataGridColumn dataField="d"/> <mx:DataGridColumn/> </mx:columns> </mx:DataGrid> <mx:Script> <![CDATA[ import mx.controls.listClasses.ListRowInfo; import mx.controls.listClasses.ListBaseContentHolder; private function clickEvent(e:MouseEvent):void { if(!(e.target is ListBaseContentHolder)) return; var holder:ListBaseContentHolder = ListBaseContentHolder(e.target); var rowIndex:Number = -1; var length:Number = holder.rowInfo.length; var rowInfo:ListRowInfo; for(var i:Number = 0; i < length; i++) { rowInfo = holder.rowInfo[i]; if(e.localY > rowInfo.y && e.localY < rowInfo.y + rowInfo.height) { rowIndex = i; break; } } trace("Clicked on " + rowIndex); } private function create():void { myGrid.dataProvider = [{d:"A"},{d:"B"}]; } ]]> </mx:Script> </mx:Application> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload