Discussion :

[daucy36]

Bonjour,

Je cherche à faire une fenêtre popup qui s'ouvre lorsque l'on clic sur un bouton sauvegarder.

Avec dijit.form.Button ca fonctionne mais je cherche à afficher 2 boutons :
- un ok
- et un cancel.

Doit on utiliser quand meme dijit.form.Button? Mais comment faire pour afficher 2 boutons et pas qu'un seul.

Merci pour votre aide.

[cfried]

Salut,

Donne nous ton code pour que l'on puisse t'aider.

Sinon, en regardant le code de cette page tu devrais arriver à tes fins :

http://www.speich.net/articles/dojo-confirmdialog.php#

Redis nous si tu as encore des problèmes !

A+

[daucy36]

Merci pour cette exemple mais je crois que ca ne correspond pas exactement à ce que je cherche... ca fait beaucoup trop appel au javascript. N'y a t'il pas un moyen plus simple?

Voici le code pour mon bouton :

Code :

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

1
2
3
4
 
<div dojoType="dijit.layout.ContentPane" class="Apply">
	<button id="submit" dojoType="dijit.form.Button" onClick='alert("Save and Apply")' iconClass="plusIcon">Apply</button>
</div>

Comme je disais je cherche juste à mettre un bouton supplémentaire à l’intérieur du popup qui s'ouvre, afin que je puisse avoir ok et cancel l'un à coté de l'autre.

[Daniel_Gibot]

Si vous souhaitez utiliser les popup de dojo, cela se présente ainsi :

Le bouton :

Code :

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

1
2
3
4
 
<div dojoType="dijit.layout.ContentPane" class="Apply">
	<button id="submit" dojoType="dijit.form.Button" onClick='dijit.byId("maPopup").show();' iconClass="plusIcon">Apply</button>
</div>

La popup version dojo

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
 
<div dojoType="dijit.Dialog" id="maPopup" title="Etes-vous sûr ?">
	<br>
	<center>
	<table>	
	<tr>
		<td>
			<button dojoType="dijit.form.Button" id='BTNoui' label='Oui' type="button" onclick="action('OUI');"></button>
		</td>
		<td>
			<button dojoType="dijit.form.Button" id='BTNnon' label='Non' type="button" onclick="action('NON');"></button>
		</td>
	</tr>
	</table>
	</center>
</div>

Pour fermer une popup c'est la commande :

Code :

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

dijit.byId('maPopup').hide();

[daucy36]

Mais ces 2 boutons "oui" et "non" s'affiche à coté du bouton apply.

Or moi voudrais faire en sorte qu'on clique sur le bouton "apply" un popup s'ouvre et on à 2 boutons dans cette fenetre.

Comme cette exemple...

[Daniel_Gibot]

Avec un petit :

Code :

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

dojo.require('dijit.Dialog');

cela ne devrait plus apparaitre à côté

[daucy36]

Même en me mâchant le travail, j'en suis desolé mais rien ne s'affiche.

Maintenant ca n'apparait pu a coté mais ca n'apparait pu du tout dans ma page...

[Daniel_Gibot]

Bonjour,

Le dijit.dialog est une fenetre popup "préparée". Cela signifie qu'elle est en "hide" au chargement. Pour qu'elle s'affiche, il faut utiliser la méthode "show" que j'ai mise sur votre bouton (event onclick) dans l'exemple que je vous ai fourni.

[moukit233]

salam

ds l'onclick sur button enregistrer tu va appeler le fichier qui creer ton dialog :

exemple:

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
 
<div dojoType="dijit.Dialog" id="formDialog2" title="Form Dialog" style="display: none">
    <form dojoType="dijit.form.Form">
        <p> voulez vous vraiment quitter l'application !!!'</p>
        <div>
            <button dojoType="dijit.form.Button" type="submit">
                OK
            </button>
            <button dojoType="dijit.form.Button" type="button"
                    onclick="onClick:function(){dijit.byId('formDialog2').hide();}">
                Cancel
            </button>
        </div>
    </form>
</div>

[daucy36]

Merci beaucoup à tous pour votre aide.
Mon bouton fonctionne parfaitement!