Help needed "tabEnabling" not working in simple login page - Flex

Question

Hello Friends,
I need a small help in Flex. I am doing a simple login page application  in FlashBuilder 4.0 & i have kept 2 input boxes like Login,Password  and a submit buttion. On clicking the button i am calling a method, so  far everything is working fine.... But some how tabenabling is not  working. suppose if you are in login inputbox and i press "tab key" it  has to go to password input box.. but its not working. can any one help  me on this, why it is not working. i have tried all the attempts using  tabEnabled = "true". but stil i am failing to do this.
your help would be appreciated.
Rajesh
Message was edited by: Rajeshb_Flash

Answer 1

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
   width="100%"
   height="100%"
   verticalAlign="middle"
   horizontalAlign="center">
<mx:Script>
  <![CDATA[
   import com.tel.model.EventConstants;
   import mx.controls.Alert;
   import mx.managers.CursorManager;
   import mx.rpc.events.FaultEvent;
   import mx.rpc.events.ResultEvent;
   import mx.rpc.http.mxml.HTTPService;
   private var httpService:HTTPService;
   public var userID:String = "";
   public function init():void{
   private function mouseClickSubmit():void{
    if(userName.text != "" && password.text != ""){
     userID = userName.text;
     initService();
    }else{
     if(userName.text == ""){
      Alert.show("Please enter 'User Name'.","Alert!")
     }else if(password.text == ""){
      Alert.show("Please enter 'Password'.","Alert!")
   private function initService():void{
    var params:Object = new Object();
    params["userName"] = userName.text;
    params["password"] = password.text;
    httpService = new HTTPService();
    httpService.showBusyCursor = true;
    httpService.resultFormat = "xml";
    httpService.method=URLRequestMethod.POST;
    httpService.addEventListener(ResultEvent.RESULT, httpServiceResultHandler);
    httpService.addEventListener(FaultEvent.FAULT, httpServiceFaultHandler);
    httpService.url = "Login.action";
    httpService.send(params);
   private var boolFirstRun = true;
   private function httpServiceResultHandler(event:ResultEvent):void{
    httpService.removeEventListener(ResultEvent.RESULT, httpServiceResultHandler);
    httpService.removeEventListener(FaultEvent.FAULT, httpServiceFaultHandler);
    httpService = null;
    var resultXML:XML = new XML(event.result.toString());
    if(resultXML.children().toString() == "true"){
     boolFirstRun = false;
     dispatchEvent(new Event(EventConstants.LOGIN_SUCCESS))
    }else{
     userName.text = "";
     password.text = "";
     Alert.show("Login Failed! Invalid 'User Name' or 'Password'.","Alert")
   private function httpServiceFaultHandler(event:FaultEvent):void{
    httpService.removeEventListener(ResultEvent.RESULT, httpServiceResultHandler);
    httpService.removeEventListener(FaultEvent.FAULT, httpServiceFaultHandler);
    httpService = null;
  ]]>
</mx:Script>
<mx:Panel title="Login Page" width="400" height="300" styleName="loginPanel" verticalAlign="middle" horizontalAlign="center" backgroundImage="assets/images/hello.jpg" backgroundAlpha=".1">
   <mx:VBox width="260" height="95" styleName="loginBox" backgroundAlpha=".2">
   <mx:HBox width="100%">
    <mx:Label width="85" text="User Name" styleName="loginTextStyle"/>
    <mx:TextInput width="150" id="userName"/>
   </mx:HBox>
   <mx:HBox width="100%">
    <mx:Label width="85" text="Password" styleName="loginTextStyle"/>
    <mx:TextInput width="150" id="password" displayAsPassword="true"/>
   </mx:HBox>
   <mx:HBox width="100%">
    <mx:Spacer width="80%"/>
    <mx:Button label="Enter" id="submit" click="mouseClickSubmit()"/>
   </mx:HBox>
  </mx:VBox>
</mx:Panel>
</mx:VBox>