comment faire un dijit.form.Button

Version imprimable

10/08/2011, 15h43
daucy36

comment faire un dijit.form.Button

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.
10/08/2011, 15h58
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+
10/08/2011, 16h15
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:

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.

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

Le bouton :

Code:

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:

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:

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

10/08/2011, 16h37
daucy36

1 pièce(s) jointe(s)

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...
10/08/2011, 16h47
Daniel_Gibot

Avec un petit :

Code:

dojo.require('dijit.Dialog');

cela ne devrait plus apparaitre à côté ;)
10/08/2011, 17h27
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...:oops:
11/08/2011, 08h54
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.

salam

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

exemple:

Code:

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>

16/08/2011, 09h56
daucy36

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