[flexcoders] TileList Itemrenderer's TextInput focus problem on keyboard "Tab" key

[Nilesh]

Hello Members,

I am facing problem with textinput focus on keyboard "Tab" key.

Is there any way to get focus on next fields through keyboard "Tab" key?

Here is sample code of my example - 

/* test.mxml */  
<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; initialize="init()" 
layout="vertical">  
<mx:Script>  
    <![CDATA[  
        import myItemRenderer;  
        private var tempSelArray:Array=[  
            {label: "I am CommonText", inputType:"CommonText"}, {label: "I am 
InputText 01", inputType:"CommonText"},  
            {label: "I am TextArea 01", inputType:"AreaText"}, {label: "I am 
InputText 02", inputType:"CommonText"},  
            {label: "I am TextArea 02", inputType:"AreaText"}, {label: "I am 
TextArea 03", inputType:"AreaText"},  
            {label: "I am InputText 03", inputType:"CommonText"},{label: "I am 
InputText 04", inputType:"CommonText"}  
        ];  
          
        private function init():void{  
            addedFields.dataProvider = tempSelArray;  
            addedFields.itemRenderer = new ClassFactory(myItemRenderer);  
        }  
    ]]>  
</mx:Script>  
<mx:VBox width="100%" height="100%" >  
  <mx:TileList id="addedFields" height="400" verticalScrollPolicy="off"  
    rollOverColor="0xffffff" selectionColor="0xffffff"  
    columnCount="1" columnWidth="{this.width-100}" rowHeight="50" width="100%" 
/>  
</mx:VBox>  
</mx:Application>  
  
  
/* myItemRenderer.mxml */  
  
<?xml version="1.0" encoding="utf-8"?>  
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"; 
implements="mx.managers.IFocusManagerComponent" width="100%">  
    <mx:Script>  
        <![CDATA[  
            import mx.containers.HBox;  
            import mx.controls.Label;  
            import mx.controls.TextArea;  
            import mx.controls.TextInput;  
            private var textField:TextInput = new TextInput();  
            private var textArea:TextArea = new TextArea();  
            private var textLabel:Label = new Label();  
              
            private var hb:HBox = new HBox();  
              
            override public function set data(value:Object):void  
            {  
                if(value != null)  
                {  
                   super.data = value;  
                     
                   textLabel.setStyle("color","0x000000");  
                   textField.setStyle("color","0x000000");  
                   textArea.setStyle("color","0x000000");  
                     
                    switch(data.inputType){  
                        case("CommonText"):{  
                            textLabel.text = data.label + " :";  
                            // Create inputtextField and add to this  
                            hb.addChild(textLabel);  
                            hb.addChild(textField);  
                            this.addChild(hb);  
                        }  
                        break;  
                        case("AreaText"):{  
                            textLabel.text = data.label + " :";  
                            // Create inputtextArea and add to this  
                            hb.addChild(textLabel);  
                            hb.addChild(textArea);  
                            this.addChild(hb);  
                        }  
                        break;                        
                    }  
                }  
            }  
        ]]>  
    </mx:Script>    
</mx:Canvas>