Hi,

This is known issue and we recognize that this important hence would be
fixed in next release.

I can't think of any workaround but you can keep no tabIndex in
NumericStepper. In your example, do you really need to have tabIndex
explicitly for all items? I understand that is just sample code. In
practical scenario you might want to have..

However you can wrap it within a custom component and shift focus to
NumericStepper when container gets the focus. Following is a quick &
dirty example:



File 1:

<!-- ##NumericStepperTabIndexWorkaround.mxml## -->

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml";
xmlns:local="*" >
        <mx:Form>
                <mx:FormItem label="Tab Index 1">
                        <mx:TextInput id="tione" tabIndex="1"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 2">
                        <mx:TextInput id="titwo" tabIndex="2"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 3">
                        <mx:TextInput id="tithree" tabIndex="3"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 4">
                        <mx:TextInput id="tifour" tabIndex="4"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 5">
                        <local:NumericStepperEx id="ns" value="10"
tabIndex="5" maximum="30"/>
              
                </mx:FormItem>
        </mx:Form>
        
    <mx:VBox>
 
        <mx:Label text="Value: " />
        <mx:TextInput text="{String(ns.value)}"/>
        
        <mx:Label text="Next Value: " />
        <mx:TextInput text="{String(ns.nextValue)}"/>
        
        
        <mx:Label text="Previous Value: " />
        <mx:TextInput text="{String(ns.previousValue)}"/>
    </mx:VBox>
    
</mx:Application>


File 2:

<!-- ##NumericStepperEx.mxml## -->

<mx:HBox xmlns:mx="http://www.macromedia.com/2003/mxml";
tabEnabled="true" focusIn="ns.setFocus()">
    <mx:Metadata>
        [Event("change")]
        
    </mx:Metadata>
    <mx:Script>                     
           
           public var maximum:Number  = 10;
           public var value:Number = 0;
           public var minimum:Number = 0;
           public var stepSize:Number;
           public var nextValue:Number; 
           public var previousValue:Number;
           
           private function onNSChange(event)
           {
               var ns = event.target;
               
               value = ns.value;
               nextValue = ns.nextValue;
               previousValue = ns.previousValue;
               dispatchEvent({type:'change'});
           }
                    
    </mx:Script>
    <mx:NumericStepper id="ns" maximum="{maximum}" minimum="{minimum}"
value="{value}" stepSize="{stepSize}" change="onNSChange(event)"/>
</mx:HBox>




Hope that helps..

-abdul


-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of Richard Butler
Sent: Friday, June 03, 2005 3:52 PM
To: [flexcoders]
Subject: [flexcoders] NumericStepper and tabIndex

Hi All,

Searched and can't find, so here goes :-)

Is there a bug in Flex that doesn't include the NumericStepper in
tabbing? When no tabIndexes are specified on any component, you can tab
to it with no problem. However, when you have for example four
TextInputs at tabIndex 1-4, and a NumericStepper at tabIndex 5, if you
tab past the last TextInput it goes back to tabIndex 1. For example:

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml";>
        <mx:Form>
                <mx:FormItem label="Tab Index 1">
                        <mx:TextInput id="tione" tabIndex="1"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 2">
                        <mx:TextInput id="titwo" tabIndex="2"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 3">
                        <mx:TextInput id="tithree" tabIndex="3"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 4">
                        <mx:TextInput id="tifour" tabIndex="4"/>
                </mx:FormItem>
                <mx:FormItem label="Tab Index 5">
                        <mx:NumericStepper id="ns" tabIndex="5"/>
                </mx:FormItem>
        </mx:Form>
</mx:Application>

Any ideas or workarounds?

Cheers,
Rich



 
Yahoo! Groups Links



 





 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/flexcoders/

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 


Reply via email to