Discussion :

[VinceCBA]

Bonjour,
Voilà mon problème : J'ai un div initial qui va contenir des widgets Dojo (essentiellement des éléments de formulaire => TextBox, DateTextBox ...), et j'aimerai pouvoir dupliquer exactement le Div contenant tout ceci (et bien entendu que les éléments en dojo, le restent).

J'ai bien essayé de bidouiller quelque chose avec les fonction dojo.create() et dojo.clone() mais sans succès...

Mon bout d'essai :

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
21
22
23
24
25
26
27
28
function createDiv(){
        var monDiv = dijit.byId("test");
 
        dojo.create("div", {
            innerHTML: monDiv,
            id: "div1_1", 
            className: 'maClasse',
            style: {
                height : "500px", 
                width: "80%", 
                backgroundColor : "red"}
        }, "divMain");
    }
 
<s:form data-dojo-type="dijit.form.Form" 
            data-dojo-props="method: 'post',
            action: 'monAction'"
            theme="simple">
        <script type="dojo/method" event="onSubmit">
            if(!this.validate()) {
            return false;
            }
            return true;
        </script>
        <s:div id="test">
             // Mes widgets Dojo ...
        </s:div>
</s:form>

Ma partie "innerHTML" me génère un beau : "undefined"

Quelqu'un aurait il une idée svp ?

Merci d'avance

[cfried]

Essaie avec monDiv.domNode mais je ne comprends pas trop ta problématique.

[VinceCBA]

Je vais essayer d'être le plus clair possible.
Je vais prendre par exemple le cas ou je veux ajouter plusieurs clients d'un coup.

J'appuie sur le bouton "ajouter un client", et j'ai un petit formulaire (contenant des widgets Dojo) qui doit s'afficher en dessous (sans jamais changer ni rafraichir la page).
Si je reclique sur ce meme bouton, un nouveau formulaire doit venir se placer en dessous du 1er, etc ...

Tu vois un peu plus de quoi il s'agit ?

PS :

Essaie avec monDiv.domNode mais je ne comprends pas trop ta problématique.

Tu pourrais m'expliquer a quoi ca sert stp ? Merci

[Daniel_Gibot]

Bonjour,

Je pense qu'en allant voir les péripéties que se sont déroulées ICI Vous devriez trouver votre bonheur

[VinceCBA]

Merci de ta réponse Daniel, malheureusement je n'ai pas trouvé mon bonheur dans ton lien

[cfried]

Ok alors je comprends mieux ton problème.

A mon avis tu devrais modifier ta fonction de création de div pour qu'elle prenne un noeud "cible" en paramètre.

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
var createDiv = function(node) {
	dojo.create("div", {
		innerHTML : "<div> test </div>",
		id : "div1_1", // je ne mettrai pas d'id manuellement perso car ça va s'écrasouiller tout ça ^^
		className : 'maClasse',
		style : {
			height : "500px",
			width : "80%",
			backgroundColor : "red"
		}
	}, node, "after");
};
var btnAdd = new dijit.form.Button({
	label : "monBouton",
	onClick : function() {
		createDiv(dojo.query('.maClasse:last-of-type').domNode);
	}
});

Bon j'ai pas testé ce code et je ne suis pas sûr que l'on puisse sortir le domNode directement du dojo.query ... il faudrait adapter mais je voulais te donner le principe.

Ensuite dans ton innerHTML tu peux mettre ce que tu veux mais si tu mets des markups Dojo je pense qu'il faut le parser manuellement.

Si tu as d'autres questions n'hésites pas ...