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 键顺序时,这一点很有用。