<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
	backgroundColor="#FFFFFF"
	backgroundAlpha="0.6"
	width="350"
	height="250"
	creationComplete="startUp()"  borderStyle="solid">
	<mx:Script>
		<![CDATA[
			[Bindable]
			public var _model:SampleContextualMenuModel = new SampleContextualMenuModel();

			[Bindable]
			public var _controller:SampleContextualMenuController;

			private function startUp():void {
				_controller = new SampleContextualMenuController(this);
			}
		]]>
	</mx:Script>
	<mx:DataGrid id="dgCollection"
		right="10" left="10" bottom="40" top="10"
		dataProvider="{_model.collection}"
		contextMenu="{_controller.createContextMenu()}">
		<mx:columns>
			<mx:DataGridColumn headerText="Id" dataField="id" width="40"/>
			<mx:DataGridColumn headerText="Name" dataField="name"/>
		</mx:columns>
	</mx:DataGrid>
	<mx:ControlBar left="0" bottom="0" right="0">
		<mx:Button label="Adicionar" styleName="focalButton" id="btnAdd"
click="_controller.onAddItem()"/>
		<mx:Button label="Remover" id="btnRemove" click="_controller.onRemoveItem()"/>
	</mx:ControlBar>

</mx:Canvas>