Formulaire non éditable

Bonjour à tous.

Comment vous y prendriez vous pour faire en sorte que tous les champs d'un formulaire soient modifiables ou non sans pour autant jouer sur le paramètre editable de chaque zone de saisie... (pas de paramètre editable sur un mx:form)

L'idée est d'avoir un formulaire à 2 états (edition, et lecture) et que le changement d'état agisse sur tous les champs du formulaire.

Vu que je souhaite ce comportement pour un ensemble de formulaires, il serait un peu rébarbatif de de devoir modifier tous les champs un par un pour fixer le paramètre editable à true ou false en fonction de l'état...

Une idée ?

Hello,

A part développer un composant spécifique qui prendrait des champs en param et le status pour passer du mode affichage au mode édition, j'ai bien peur que tu ne sois obligé de gérer ça à la main avec un Boolean en Bindable.
Sans compter que si tu veux que ton composant soit ré-utilisable il y a quand même un petit travail de réflexion à mener pour gérer les différents types de champs que tu vas vouloir afficher par ton composant (pour faire les choses bien il faudrait que tes inputs soient automatiquement remplacés par des Label quand on est en mode affichage).
Mais à part ça je vois pas trop comment est ce que tu peux faire autrement.

Si je devais le faire, j'utiliserais les states.
Un des états serait le formumaire éditable et l'autre le formulaire en lecture seule.
En une seule ligne de code du passe d'un state à l'autre

Voilà

Bine à toi

Salut,
Je rejoins la réponse de Maskime.
Regarde du côté des states et des setProperty. Tu pourra 'factoriser' toutes les propriétes 'visible' et 'includeInLayout' dans des states. Il te restera ensuite à appeler le bon state en fonction du comportement voulu.

Citation:

---

Tu pourra 'factoriser' toutes les propriétes 'visible' et 'includeInLayout' dans des states.

---

J'imagine que tu parlais de la propriété Editable ...
Sinon, je ne vois pas trop comment factoriser cela en passant par les propriétés et les états de cette manière :

Code:

---

<s:TextInput editable.edition="true" editable="false"/>

---

Citation:

---

Si je devais le faire, j'utiliserais les states.
Un des états serait le formumaire éditable et l'autre le formulaire en lecture seule.
En une seule ligne de code du passe d'un state à l'autre

---

C'est exactement ce que je pensais, mais comment le problème est là : comment passer un formulaire en lecture seule ou en modification sachant que ce n'est pas possible de base ...

Peut être qu'un parcours de tous les éléments (child) du formulaire à chaque changement d'état permettrait de les passer à editable=true ou false ...
Qu'en pensez vous ?

Ca c'est sûr ça marchera.

Pis avec un bon model objet bien barré tu devrais pouvoir factoriser tout dans une classe qui fera le job pour chacun de tes formulaires.

Citation:

---

Envoyé par daav14

J'imagine que tu parlais de la propriété Editable ...

---

Non pas du tout.
As-tu jeté un oeil sur states et setProperty comme je te l'ai conseillé?
L'idée est d'avoir un formulaire avec des TextInput, et un autre formulaire avec des Labels par exemple, et de jouer sur les propriétés visible et includeInLayout.
Le tout dans des states prédéfinis (un state EDIT_STATE et un state READ_STATE par exemple), et tu appelles l'un ou l'autre state au moment voulu.

[EDIT] : ca rejoint ce qu'à dit vilveq finalement

Citation:

---

Envoyé par Krazymins

Non pas du tout.
As-tu jeté un oeil sur states et setProperty comme je te l'ai conseillé?

---

C'est du flex 3, non ?

Citation:

---

L'idée est d'avoir un formulaire avec des TextInput, et un autre formulaire avec des Labels par exemple, et de jouer sur les propriétés visible et includeInLayout.
Le tout dans des states prédéfinis (un state EDIT_STATE et un state READ_STATE par exemple), et tu appelles l'un ou l'autre state au moment voulu

---

C'est vrai que la possibilité de faire 2 formulaires (édition et lecture) simplifierait le problème.... mais bon... ça double le contenu de tous les fichiers...

Citation:

---

Ca c'est sûr ça marchera.

Pis avec un bon model objet bien barré tu devrais pouvoir factoriser tout dans une classe qui fera le job pour chacun de tes formulaires.

---

Un autre problème pour le parcours de children, je vient de m'en rendre compte : le champ editable n'est pas commun pour les les composants d'intéraction (textInput, checkbox, radio, List ...). Par exemple, il n'y en a pas pour la checkbox... (le côté générique du parcours en prend un coup...)

Citation:

---

Un autre problème pour le parcours de children, je vient de m'en rendre compte : le champ editable n'est pas commun pour les les composants d'intéraction (textInput, checkbox, radio, List ...). Par exemple, il n'y en a pas pour la checkbox... (le côté générique du parcours en prend un coup...)

---

Ben pas dis parce que notre ami AS3 implémente de la réflexion, donc tu dois pouvoir checker le type du child que tu es en train de parcourir et appliquer ce tu veux sur le champs que tu veux.
Prendre en compte aussi le fait que tu dois pouvoir faire un truc du style:

Code:

---

1 2 3 4 5 6 7

for each(var display:DisplayObject in form.getChildren()){ switch(display.className){ case '': [...] } }

---

Citation:

---

Envoyé par daav14

C'est du flex 3, non ?

---

Effectivement .. mea culpa :mrgreen:
Mais la méthode ne diffère pas.
Tu as l'équivalent en Flex 4, et tu peux trouver de nombreuses sources sur le net là dessus, par exemple :

Code:

---

1 2 3 4 5

<mx:State name="mainMenu"> <mx:SetProperty target="{mainMenuContainer}" name="visible" value="true" /> </mx:State>   <mx:Container id="mainMenuContainer"></mx:Container>

---

Peut devenir en Flex 4 :

Code:

---

1 2 3 4 5 6

<mx:State name="mainMenu"></mx:State>   <mx:Container id="mainMenuContainer" visible="false" visible.mainMenu="true"> </mx:Container>

---

Je ne l'ai pas testé personnellement.

Source : http://cyrilmazur.com/2010/07/set-pr...in-flex-4.html

Citation:

---

Envoyé par Krazymins

Peut devenir en Flex 4 :

Code:

---

1 2 3 4 5 6

<mx:State name="mainMenu"></mx:State>   <mx:Container id="mainMenuContainer" visible="false" visible.mainMenu="true"> </mx:Container>

---

Source : http://cyrilmazur.com/2010/07/set-pr...in-flex-4.html

---

On est d'accord. Mais, ce que je souhaite, c'est ne pas à avoir à faire

Code:

---

editable.edition="true" editable="false"

---

pour tous mes champs de tous mes formulaires...

Citation:

---

Envoyé par Maskime

Prendre en compte aussi le fait que tu dois pouvoir faire un truc du style:

Code:

---

1 2 3 4 5 6 7

for each(var display:DisplayObject in form.getChildren()){ switch(display.className){ case '': [...] } }

---

---

Ca me plait bien excepté de devoir lister tous les contrôles possibles.
Je suis tombé sur hasOwnProperty qui permettrait de voir si un attribut existe ou non (jamais utilisé)

Citation:

---

Envoyé par daav14

On est d'accord. Mais, ce que je souhaite, c'est ne pas à avoir à faire

Code:

---

editable.edition="true" editable="false"

---

pour tous mes champs de tous mes formulaires...

---

Oui j'ai bien compris, dans aucun post je ne t'ai parlé d'utiliser la propriété editable ;)
Sinon sur le principe, j'ai bien peur que tu n'aies pas trop le choix .. mais tu ne le fais qu'une seule fois. Le tout est de définir tes states une fois pour toutes, et de changer de state par la suite.

Citation:

---

Envoyé par Krazymins

mais tu ne le fais qu'une seule fois. Le tout est de définir tes states une fois pour toutes, et de changer de state par la suite.

---

Certes, une fois, mais une fois par formulaire...
Je garde ça sous le coude si je ne trouve pas un autre moyen

Bon, au final je m'en sort avec une boucle qui parcourt tous les éléments du formulaire :
Dans tous les cas, je désactive la souris. Si l'élément à une propriété editable, je la change. Sinon, je change le enabled.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

for each(var display:Object in p_form.getChildren()) { var obj:Object=display.getChildAt(0);   if(obj.hasOwnProperty('mouseEnabled')) { obj.mouseEnabled=editable; } if(obj.hasOwnProperty('editable')) { obj.editable=editable; continue; } if(obj.hasOwnProperty('enabled')) { obj.enabled=editable; continue; } }

---

Le soucis, c'est pour le composant DateField : lorsque je bascule en mode édition, le texte n'est plus modifiable. Par contre, j'ai encore accès au petit calendrier de sélection de date ... étrange

Bonjour,

Pourquoi ne pas utiliser le databinding:

Code:

---

[Bindable] private var modifiable:Boolean;

---

Modifier la valeur de la variable modifiable selon que le formulaire est en visu ou pas

...
pour chaque composant

Code:

---

<s:TextInput editable="{modifiable}"/>

---

Citation:

---

Bonjour,

Pourquoi ne pas utiliser le databinding:

Code :

[Bindable] private var modifiable:Boolean;


Modifier la valeur de la variable modifiable selon que le formulaire est en visu ou pas

...
pour chaque composant

Code :

<s:TextInput editable="{modifiable}"/>

---

Pour ne pas à avoir à faire editable="{modifiable}" sur tous les champs...

Bon, au final, ce n'est plus d'actualité.
Mais, à mon sens, j'aurai fait de cette manière :

Citation:

---

for each(var display:Object in p_form.getChildren())
{
var obj:Object=display.getChildAt(0);

if(obj.hasOwnProperty('mouseEnabled'))
{
obj.mouseEnabled=editable;
}
if(obj.hasOwnProperty('editable'))
{
obj.editable=editable;
continue;
}
if(obj.hasOwnProperty('enabled'))
{
obj.enabled=editable;
continue;
}
}

---

Merci à vous pour votre participation !