Adding Context Menu in Flex Data Grid

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:AdvancedDataGrid itemRollOver="lastRollOverIndex = event.rowIndex" contextMenu="{cm}" x="10" y="20" id="adg1" designViewDataType="flat" width="682" height="373" dataProvider="{arr}">
</mx:AdvancedDataGrid>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.collections.ArrayCollection;
[Bindable]
private var arr:ArrayCollection=new ArrayCollection();
[Bindable]
private var cm:ContextMenu;
private var lastRollOverIndex:Number;
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
private function init():void
{
var ob:Object;
for(var x:int=0;x<10;x++)
{
ob=new Object();
ob.empID=x+1;
ob.empName='Kamran - '+ob.empID;
arr.addItem(ob);
}
//---------------------------------------------
var cmi:ContextMenuItem = new ContextMenuItem("Open...", true);
cmi.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuItemListener);
cm = new ContextMenu();
cm.hideBuiltInItems();
cm.customItems = [cmi];
cm.addEventListener(ContextMenuEvent.MENU_SELECT, contextMenuListener);
}
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
private function contextMenuItemListener(evt:ContextMenuEvent):void
{
var obj:Object = adg1.selectedItem;
Alert.show(obj.empID + "\n" + obj.empName);
}
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
private function contextMenuListener(evt:ContextMenuEvent):void
{
adg1.selectedIndex = lastRollOverIndex;
}
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
]]>
</mx:Script>
</mx:Application>