<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

                           xmlns:s="library://ns.adobe.com/flex/spark" >

        <fx:Script>

                <![CDATA[

                        import mx.events.FlexEvent;

                        protected function viewport1_keyUpHandler(e:KeyboardEvent):void {

                                trace('keyCode: ' + e.keyCode);

                        }        

        ]]></fx:Script>

 

        <s:DataGroup id="viewport1" left="0" right="0" top="0" bottom="0"

                                 itemRenderer="spark.skins.spark.DefaultItemRenderer"

                                 keyUp="viewport1_keyUpHandler(event)">

 

                <s:layout> 

                        <s:TileLayout/>

                </s:layout> 

 

                <s:dataProvider> 

                        <s:ArrayCollection>

                                <fx:String>s1</fx:String>

                                <fx:String>s2</fx:String>

                                <fx:String>s3</fx:String>

                                <fx:String>s4</fx:String>

                                <fx:String>s5</fx:String>

                                <fx:String>s6</fx:String>

                                <fx:String>s7</fx:String>

                        </s:ArrayCollection>

                </s:dataProvider> 

        </s:DataGroup> 

</s:Application>

viewport1.addEventListener(KeyboardEvent.KEY_UP, viewport1_keyUpHandle, true);