Flex/Flash TextArea Avoir une case à cocher à chaque nouvelle ligne

Question

Je me demande comment ajouter une case à cocher au début de chaque ligne dans un textArea. Kinda créer une liste de contrôle.

Answer 1

En fait, il est très possible.

Utilisez à la place le <mx:List> et utilisez l'attribut itemRenderer pour pointer vers un composant Flex.

Comment le faire? Si vous avez Flex Builder, cliquez avec le bouton droit sur votre dossier source et sélectionnez Nouveau> Composant Flex. Nommez votre composant quelque chose comme myComponent. Sinon, un composant est juste un fichier .mxml avec quelque chose, par exemple:

<mx:HBox> 
    <mx:Text text="Some Component" /> 
</mx:HBox> 

et c'est tout. Pointez l'attribut itemRenderer de la liste sur myComponent (ou ailleurs). N'incluez pas le ".mxml". La liste affichera maintenant votre composant personnalisé au lieu d'un peu de texte. Ajoutez simplement des entrées à dataProvider de la liste ou quelque chose pour l'afficher.

Dans votre cas, vous voulez ajouter un mx: CheckBox et un mx: TextInput dans votre composant pour lui donner l'aspect 'todo list'.

Trouver la source here

Answer 2

La structure en MXML ressemblerait à quelque chose comme ceci:

<mx:VBox> 
    <mx:HBox> 
     <mx:CheckBox/><mx:TextArea/> 
    </mx:HBox> 
    <mx:HBox> 
     <mx:CheckBox/><mx:TextArea/> 
    </mx:HBox> 
    <mx:HBox> 
     <mx:CheckBox/><mx:TextArea/> 
    </mx:HBox> 
</mx:VBox> 

Vous pouvez utiliser un répéteur pour mettre les hbox ci-dessus

Answer 3

vous devez concevoir vous possédez composant avec Flex et ActionScript. Somthing le long de la ligne:

<mx:Panel> <mx:VBox> <mx:HBox><mx:CheckBox><mx:TextArea>... 

et certaines fonctions ActionScript, qui répondent aux ENTRER et ARRIÈRE pour créer ou détruire HBox-CheckBox paires.

peut-être, ce que vous voulez est un DataGrid avec deux colonnes, une beeing CheckBox, l'autre étant un champ de texte ou TextArea, à la fois modifiables (rechercher les concepts de ItemRenderer et itemEditor) et une nouvelle rangée Fonctionnalité

Answer 4

Désolé, vous ne pouvez pas.

Je ne l'ai jamais regardé le code source TextArea mais je suppose que vous pouvez l'étendre en quelque sorte à afficher des cases à cocher sur chaque ligne