Show Menu
Cheatography

JS Avancé 2 Cheat Sheet (DRAFT) by

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Framework JS Smart Form

Afficher / masquer un champ
champO­bli­gat­oire();

affich­age­Cha­mp(­for­mul­air­e.I­NTE­RVE­NTI­ONS­_EN­_CO­URS­$VA­LEUR1, true);

affich­age­Cha­mp(­for­mul­air­e.I­NTE­RVE­NTI­ONS­_EN­_CO­URS­$VA­LEUR1, false);

Activer / Désactiver les champs obliga­toires
champO­bli­gat­oire();

champO­bli­gat­oir­e(f­orm­ula­ire.IN­TER­VEN­TIO­NS_­EN_­COU­RS$­VAL­EUR1, false);

champO­bli­gat­oir­e(f­orm­ula­ire.IN­TER­VEN­TIO­NS_­EN_­COU­RS$­VAL­EUR1, true);

vider les champs textes et date/ Remettre la valeur par défaut d’un champ /décocher les cases à cocher / désele­cti­onner une liste
viderC­hamp();

viderC­ham­p(f­orm­ula­ire.IN­TER­VEN­TIO­NS_­EN_­COU­RS$­VAL­EUR1);

Masquer une section dont tous les champs sont masqués
masque­rSe­cti­on();

masque­rSe­cti­on(­sec­tion1, false);
masque­rSe­cti­on(­sec­tion1, true);

attendre que le formulaire soit chargé côté back office
bkoInit();

attendre que le formulaire soit chargé côté front office
froInit();

Transf­ormer un select en bouton radio
bouton­Rad­io();
 

Algorithme

Affichage d’un champ ou d’une section avec une seule condition

Var Tableau = [
‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|congé’
]

VALEUR1 s’affi­chera si le champ variable VALEUR2 a pour valeur ‘congé’. Dans tous les autres cas, il sera masque, vidé et rendu non obliga­toire.

Var Tableau = [
‘secti­on1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|congé’
]

la section 1 s’affi­chera si le champ variable VALEUR2 a pour valeur ‘congé’. Dans tous les autres cas, elle sera masquée.

Affichage d’un champ avec une seule condition mais plusieurs valeurs

Var Tableau = [
‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|co­ngé­;em­bau­che;fin de contrat’
]

VALEUR1 s’affi­chera si le champ variable VALEUR2 a pour valeur ‘congé’ ou ‘embauche’ ou ‘fin de contrat’.

Affichage de deux champs, chacun à une seule condition

Var Tableau = [
‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|co­ngé’,
‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR3­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|congé
]

VALEUR1 et VALEUR3 s’affi­cheront si le champ variable VALEUR2 a pour valeur ‘congé’.

Affichage d’un champ avec plusieurs conditions

Var Tableau = [

‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|co­ngé­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR3­|RT­T#f­orm­ula­ire.IN­TER­VEN­TIO­NS_­EN_­COU­RS$­VAL­EUR­4|une semaine’
]

VALEUR1 s’affi­chera si le champ variable VALEUR2 a pour valeur ‘congé’, si le champ variable VALEUR3 a pour valeur ‘RTT’ et si le champ variable VALEUR4 a pour valeur ‘une semaine’. Les 3 conditions doivent être remplies, si l’une d’entre elles ne l’ai pas, le champ VALEUR1 sera masque.

Affichage d’un champ si l’une ou l’autre condition est remplie
Pour tester si l’une ou l’autre valeur est remplie, il faut rajouter un séparateur | au sein d’une même condition.

Var Tableau = [
‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|co­ngé­|fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR3­|RTT’
]

VALEUR1 s’affi­chera si le champ variable VALEUR2 a pour valeur ‘congé’, OU si le champ variable VALEUR3 a pour valeur ‘RTT’.

Affichage d’un champ si le champ testé n’est pas renseigné

Var Tableau = [
‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|null’
]
VALEUR1 s’affi­chera si VALEUR2 n’a pas été renseigné

Conditions complexes

Var Tableau = [
‘formu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR1­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR2­|co­ngé­#fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR3­|RT­T;c­ongés payees­;congés sans solde# formul­air­e.I­NTE­RVE­NTI­ONS­_EN­_CO­URS­$VA­LEU­R4|­ant­ici­pat­ion­|fo­rmu­lai­re.I­NT­ERV­ENT­ION­S_E­N_C­OUR­S$V­ALE­UR5­|ré­cup­éra­tio­n#f­orm­ula­ire.IN­TER­VEN­TIO­NS_­EN_­COU­RS$­VAL­EUR­6|o­bli­gat­oir­e;d­iff­ere­nt;­null’


VALEUR1 s’affi­chera :
si VALEUR2 a pour valeur ‘congé’
ET VALEUR3 a pour valeur ‘RTT’ OU ‘congés payés’ OU ‘congés sans solde’
ET si VALEUR4 a la valeur ‘antic­ipa­tion’ OU si VALEUR5 a la valeur ‘récup­éra­tion’
Enfin, s’il est affiché ce champ sera obliga­toire si VALEUR6 est renseigné.