Discussion :

[Dendrite]

Bonjour,

Je dois être une des rares grandes débutantes en Dojo à oser poser ma question ici :

Je fais un formulaire où quand la personne clique n phases, doit se développer dans la zone de formulaires n sous-formulaires, du type

OBJET MACHIN

phase 1
Intitulé
Début
Fin
Application liée
Url de l'application liée

phase 2
Intitulé
Début
Fin
Application liée
Url de l'application liée

Vous voyez le genre ?

Pour ce, il me faut pour les champs début et fin créer dynamiquement des dijit.form.dateTextBox.
J'ai bien songé à faire une recherche du type "dijit.form.dateTextBox programmatic" mais je n'ai pas su trouver ce qui correspond à mon besoin dans la doc Dojo...
C'est mon premier widget Dojo, (que je suis parvenue à créer en mode "declarative"), merci de votre indulgence.

[vermine]

Bonjour et bienvenue sur le forum Dojo.

Dans la doc officielle, si vous suivez le chemin dijit -> from -> DateTextBox, vous obtenez des bouts de codes et des indications.

Par exemple, vous devez préciser cette instruction en début de fichier js :

Code :

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

dojo.require("dijit.form.DateTextBox");

Ce qui vous permettra d'utiliser ce composant. Et pour créer l'élément, c'est cette syntaxe-ci :

Code :

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

var foo = new dijit.form.DateTextBox(/* Object */ args);

Ils vous donnent un exemple :

Code :

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

new dijit.form.DateTextBox({value: new Date(2009, 0, 20)})

Qui correspond à :

Code html :

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

<input dojotype='dijit.form.DateTextBox' value='2009-01-20'>

[Dendrite]

Merci Vermine,
J'essaie d'appliquer, mais je dois encore rater des choses :

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
			/**************************************
			BLOC DEBUT
			**************************************/
			labDebut.setAttribute('for','myDate');
 
			//firefox
			labDebut.setAttribute("class","champF");
			//IE
			labDebut.setAttribute("className","champF");
			labDebut.innerHTML='Début';
 
			var debut=new dijit.form.DateTextBox({
				value: new Date(2011,6,29),
				id: 'debut_'+num
			})
 
			divPhases.appendChild(labDebut);
			divPhases.appendChild(debut);
			divPhases.appendChild(br3);

[Daniel_Gibot]

Bonjour et bienvenue,

Avez-vous un message d'erreur lorsque ce script est exécuté ?
Avez vous ajouté le parseOnLoad lors du chargement de la bibliothèque dojo ?

[Dendrite]

Bonjour,

Cette fois, cela fonctionne, en ajoutant le second paramètre (du noeud).
Mais le problème, c'est que je veux d'abord faire le appendChild du label, puis du champ date (debut) puis du saut de ligne.

Je sais, tout ça n'est pas élégant...

Avec le code ci-dessous, il zappe le label... et j'ai enfin mon champ date, mais en premier dans le divPhases, alors que je le voulais en second...

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
			/**************************************
			BLOC DEBUT
			**************************************/
			labDebut.setAttribute('for','debut_'+num);
 
			//firefox
			labDebut.setAttribute("class","champF");
			//IE
			labDebut.setAttribute("className","champF");
			labDebut.innerHTML='Début';
			divPhases.appendChild(labDebut);
 
			dojo.require("dijit.form.DateTextBox");
			var debut=new dijit.form.DateTextBox({
				value: new Date(2011,6,29),
				id: 'debut_'+num
			},divPhases);
			divPhases.appendChild(br3);

[Dendrite]

Bonjour et bienvenue,
Avez vous ajouté le parseOnLoad lors du chargement de la bibliothèque dojo ?

Voici ce qui concerne dojo dans la balise head.

Code :

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

1
2
3
4
5
6
7
8
9
10
		<!-- DOJO-->
		<link rel="stylesheet" type="text/css" href="../js/dijit/themes/claro/claro.css"/>
         <script type="text/javascript" src="../js/dojo/dojo.js" djConfig="parseOnLoad: true">
			dojo.require("dijit.form.DateTextBox");
        </script>
        <style type="text/css">
            .claro table.dijitCalendarContainer { margin: 25px auto; } #formatted
            { text-align: center; }
        </style>
		<!-- FIN DOJO-->

[Daniel_Gibot]

Avec le code ci-dessous, il zappe le label... et j'ai enfin mon champ date, mais en premier dans le divPhases, alors que je le voulais en second...

Et en creant un bloc div qui contient les div dans lesquels positionner vos champs ?

La règle des objets Dojo c'est "un objet html pour un objet dojo".
Donc avec un div principal qui contient un div pour labDebut, un div pour la dateBox et un div pour br3 ça devrait passer...


PS : En rajoutant

Code :

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

isDebug:true

après

Code :

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

parseOnload:true,isDebug:true

vous aurez un debugger pour tout ce qui est conflit d'id ou absence d'objet pour IE