Flex 3 cookbook翻译: 2.5 设置组件的tab键顺序

 

2.5 设置组件的 tab 键顺序

2.5.1 问题

你需要改变在 Flex 应用里组件的默认 tab 键顺序

2.5.2 解答

用 Flex 组件的 tabIndex 属性设定自定义的 tab 键顺序。

2.5.3 讨论

默认地，所有能接收 tab 键的 Flex 组件都有 tab 键顺序，这个顺序基于他们在屏幕上的布局。要改变默认的顺序并明确地指定一个自定义的 tab 键顺序，用这些组件的 tabIndex 属性就可以了。如下的 TextInput 组件的 tabIndex 属性被设置为从左到右的顺序：

<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="horizontal">

    <mx:VBox>
        <mx:Label text="First Name : "/>
        <mx:TextInput tabIndex="1"/>
        <mx:Label text="Home # : "/>
        <mx:TextInput tabIndex="3"/>
    </mx:VBox>
    <mx:VBox>
        <mx:Label text="Last Name : "/>
        <mx:TextInput tabIndex="2"/>
        <mx:Label text="Work # : "/>
        <mx:TextInput tabIndex="4"
            text="978-111-2345"/>
        <mx:Button label="Submit" tabIndex="5"/>
    </mx:VBox>
</mx:Application>

 

如果 tab 顺序没有指定，默认的顺序是基于布局的，是从上到下。 tabIndex 属性也可以在 ActionScript 程序设定。如果在运行时有动态生成的子组件，并且需要去控制 tab 键顺序时，这一点很有用。