Flex ItemRenderer empêche l'utilisation de la tabulation entre les saisies de texte

J'ai un custom ItemRenderer qui affiche 5 saisies de texte dans chacune des 3 panneaux:

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox 
xmlns:mx="http://www.adobe.com/2006/mxml"
height="300"
width="800"
creationComplete="onCreationComplete()"
>
<!-- code-behind -->
<mx:Script source="ChainListRenderer.mxml.as" />
<mx:Label text="{data.title}" fontSize="25" fontWeight="bold" width="100%" textAlign="center" />
<mx:HBox>
<mx:Panel id="triggerPanel" title="Trigger" width="260">
<mx:VBox id="tpBoxes" width="100%" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">
<mx:TextInput id="trigger1" width="100%" textAlign="left" tabIndex="0" tabEnabled="true" />
<mx:TextInput id="trigger2" width="100%" textAlign="left" tabIndex="1" tabEnabled="true" />
<mx:TextInput id="trigger3" width="100%" textAlign="left" tabIndex="2" tabEnabled="true" />
<mx:TextInput id="trigger4" width="100%" textAlign="left" tabIndex="3" tabEnabled="true" />
<mx:TextInput id="trigger5" width="100%" textAlign="left" tabIndex="4" tabEnabled="true" />
</mx:VBox>
</mx:Panel>
<mx:Panel id="linkPanel" title="Link" width="260">
<mx:VBox id="lpBoxes" width="100%" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">
<mx:TextInput id="link1" width="100%" textAlign="left" tabIndex="5" tabEnabled="true" />
<mx:TextInput id="link2" width="100%" textAlign="left" tabIndex="6" tabEnabled="true" />
<mx:TextInput id="link3" width="100%" textAlign="left" tabIndex="7" tabEnabled="true" />
<mx:TextInput id="link4" width="100%" textAlign="left" tabIndex="8" tabEnabled="true" />
<mx:TextInput id="link5" width="100%" textAlign="left" tabIndex="9" tabEnabled="true" />
</mx:VBox>
</mx:Panel>
<mx:Panel id="answerPanel" title="Answer" width="260">
<mx:VBox id="apBoxes" width="100%" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">
<mx:TextInput id="answer1" width="100%" textAlign="left" tabIndex="10" tabEnabled="true" />
<mx:TextInput id="answer2" width="100%" textAlign="left" tabIndex="11" tabEnabled="true" />
<mx:TextInput id="answer3" width="100%" textAlign="left" tabIndex="12" tabEnabled="true" />
<mx:TextInput id="answer4" width="100%" textAlign="left" tabIndex="13" tabEnabled="true" />
<mx:TextInput id="answer5" width="100%" textAlign="left" tabIndex="14" tabEnabled="true" />
</mx:VBox>
</mx:Panel>
</mx:HBox>
</mx:VBox>

Malheureusement, lorsqu'il est utilisé comme un ItemRenderer, tabulation entre les saisies de texte ne fonctionne pas, même avec le tabIndex valeurs ci-dessus. Si je copie ce code pour une application MXML de sa propre, de tabulation entre les saisies de texte fonctionne comme prévu.

Personne ne sait comment faire pour restaurer la tabulation dans ce scénario? Ce sera une honte si je dois libérer de cette application, sans que cette utilisation simple élément.

Je suppose que je peut-être besoin de mettre en œuvre mx.managers.IFocusManagerComponent, mais je ne peux pas trouver des exemples sur la façon de le faire, et le FocusManager docs n'aide pas non plus.

Avez-vous essayez de régler une tabEnabled sur le textInputs?
J'ai essayé tout à l'heure, il ne semble pas aider.
Quand tu dis "onglet indexation ne fonctionne pas" quel comportement avez-vous observé? Est-il sauter à la commande suivante après votre Liste de composants ou est-il de la tabulation à travers le navigateur chrome?
Le ItemRenderer ci-dessus est utilisé dans un HorizontalList de contrôle. Lorsque l'un des contrôles TextInput ci-dessus a le focus et que je appuyer sur la touche tab, l'accent sauts à l'extérieur de la HorizontalList contrôle et à la commande suivante sur l'application de la Toile. Frapper onglet un peu plus de temps n'cycle via les commandes du navigateur, comme la barre d'adresse.

OriginalL'auteur Adam Tuttle | 2009-05-18