use tabindex property to set the order in which you want to set the focus using tab key...
Akshar Kaul On Fri, May 14, 2010 at 11:04, Nilesh <[email protected]> wrote: > > > 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> > > >
