Discussion :

[zwan.bourg]

Bonjour à tous,
Après avoir parcouru le net, je ne trouve pas solution à mon problème: dans une fenêtre Flex, je désire ajouter des réponses à une question à choix multiple. Le problème, c'est que je dois laisser le choix à l'utilisateur de mettre le nombre de réponses qu'il désire. J'ai donc penser à un NumericStepper.
Et maintenant je veux que la fenêtre crée automatiquement des TextInput au nombre précisé dans le NumericStepper!

Qui sait comment faire? Un peu binding quelque part mais je vois pas trop où?
Ou si vous avez une technique plus appropriée, je suis preneur...
Merci d'avance.

[jylaxx]

Pour ce type de saisie il semble plus ergonomique de proposer un seul champ TextInput et soit d'afficher un bouton [+] à droite du champ pour en ajouter un ou plusieurs autres ou bien d'ajouter un nouveau composant TextInput à chaque fois que le précédent contient une valeur non nulle.

Dans tous les cas il faut écrire un bout de code AS pour ajouter des objets TextInput dans un container (VBox ?) depuis une fonction déclenchée par un événement.

[zwan.bourg]

Pour ce type de saisie il semble plus ergonomique de proposer un seul champ TextInput et soit d'afficher un bouton [+] à droite du champ pour en ajouter un ou plusieurs autres ou bien d'ajouter un nouveau composant TextInput à chaque fois que le précédent contient une valeur non nulle.

Dans tous les cas il faut écrire un bout de code AS pour ajouter des objets TextInput dans un container (VBox ?) depuis une fonction déclenchée par un événement.

Merci pour ce conseil, mais peux tu m'aider avec le bout de code AS? Je suis debutant en AS/MXML.

[jylaxx]

Malheureusement je ne peux pas écrire le code à ta place. Tu dois te familiariser avec le langage et les objets Flex, notamment les container et les DisplayObject.

Commence par placer un bouton et un container VBox dans ton fichier mxml.
Dans l'événement click du bouton tu écris le bout de code qui ajoute un TextInput dans le VBox.

Une fois que tu auras bien compris comment cela fonctionne, tu ajouteras dans ta VBox une HBox contenant elle même trois VBox. Tu places dans ta première VBox un label qui indique le type de la donnée, dans la deuxième un TextInput et dans la troisième le bouton précédent.
L'événement click ajoutera cette fois un nouveau TextInput en dessous de celui créé en mxml. Ainsi tu auras un item auquel tu pourras attribuer un nombre quelconque de valeurs...

[zwan.bourg]

Tu as raison! Mais si tu peux me mettre sur le chemin... J'ai voulu essayer avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 reponsesBox.addChild(new FormItem())

Mais je ne trouve aucun paramètres pouvant m'aider pour la suite

J'ai pensé à un truc équivalent au innerHTML de Javascript/HTML mais sans succès. Un coup de pouce, svp

[jylaxx]

Déjà FormItem est lui même un container donc tu commences pas par le plus simple pour comprendre.
Je t'ai volontairement indiqué des composants simples dans mon précédent mail, Box, TextInput et Button.

Vouloir faire des comparaison entre Flex et HTML n'a pas vraiment de sens. Perso je ne connais pas plus que ça HTML donc innerHTML n'évoque rien pour moi.

Mais je ne trouve aucun paramètres pouvant m'aider pour la suite

C'est à dire ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var ti : TextInput = new TextInput() ;
// là tu peux initialiser les propriétés de ti
ti.text = "valeur" ;
//...
box.addChild( ti ) ;

Après il faut passer du temps, beaucoup de temps pour comprendre en multipliant les expériences.

Je peux répondre à des questions précises mais pas construire l'architecture de ton application et en écrire le code à ta place. Surtout que tu ne tentes pas de mettre en application ce que je t'écris !!!
Si tu es débutant c'est pas les trois lignes de code que je vais te donner qui vont t'amener une grande expérience. Il faut que tu fasses ton chemin...

[zwan.bourg]

Salut, j'ai un peu creusé! Et d'ailleurs, c'est le chemin que j'ai trouvé (L'exemple de code que tu viens d'ecrire).
J pense que ça devrait aller.

Merci

[zwan.bourg]

J ai réussi a faire les ajouts des question et tout semble marcher!
Je voudrais également permettre la suppression des elements (reponses) ainsi ajoutés de façon similaire à travers un bouton que je cree devant chaque reponse.

Mon probleme se trouve desormais au niveau de la gestion des ID, j sais pas comment les réinitialiser pour qu'il suive l'ordre "rep1", "rep2".

Mon problème est en fait de pouvoir acceder aux éléments plus profond: FormItem - HBox - TextInput

Je colle le code de ma fonction qui efface les reponses un à un en effectuant le recomptage:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
private function delAnswer(e:MouseEvent):void
{
	var evtOrigin:Button = e.target as Button;
	var formItem:FormItem = evtOrigin.parent.parent as FormItem;	
	//formItem = evtOrigin.parent.parent as FormItem;				
	formItem.removeAllChildren();
	answersBox.removeChild(formItem);
	nb_reponse--;
 
	// recomptage
	for(var i:Number=0; i < nb_reponse; i++)
	{
		var renameFI:FormItem = answersBox.getChildAt(i) as FormItem;
		renameFI.label = "Réponse "+int(i+1)+":";
		// Commen acceder au reste a partir d'ici
		// la structure est générée de la sorte par addAnswer(): answersBox.FormItem.HBox.TextInput.       			        		
	}
 
}

[jylaxx]

Je ne suis pas certain de comprendre ta demande...
A quoi te servent tes ID ?
Perso je code beaucoup en AS et je n'ai jamais eu besoin de gérer les ID des objets. C'est vraiment utile pour les objets mxml.

[zwan.bourg]

Les reponses se trouvent dans un élément Form. Pour enregistrer les données sur le serveur, j'aurai besoin de ces ID afin de recuperer les contenus des champs par ex. rep1.text

[jylaxx]

Si j'ai bien compris le nombre de valeurs est variables.
Donc à part faire une boucle pour récupérer toutes les valeurs, je ne vois pas comment tu vas les récupérer.
Hors si tu fais une boucle c'est sur un indice d'un tableau.
Donc tu récupéreras ta variable à partir de cet indice.

Peut-être qu'utiliser directement le ID parait plus simple d'un côté, mais s'il nécessite un code encore plus compliqué pour le mettre à jour, il est peut-être préférable de ne pas l'utiliser...