Discussion :

[kreatik]

Bonsoir,

j'essaye d'ajouter un bouton à droite des onglets un peu a la manière de ExtJS...

J'arrive à ça mais ça bug du coup je me pose la question de savoir si c'est possible ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div dojoType="dijit.layout.ContentPane" title="test">
 
        <div dojoType="dijit.layout.TabContainer" nested="true" id="fdfddf">
            <button dojoType="dijit.form.Button" type="submit" title="fdsfdfde"  iconClass="dijitEditorIcon dijitEditorIconSave" >click ?</button>
 
 
            <div dojoType="dijit.layout.ContentPane" title="test1">
                tab 1
            </div>
            <div dojoType="dijit.layout.ContentPane" title="test2">
                tab 2
            </div>
        </div>
    </div>

[manuscle]

Salut,

Dans ton code tu fait afficher le bouton quelque soit l'onglet est-ce que c'est voulu?

Car sinon tu peux utiliser border container

Y a un exemple assez sympa sur leur doc

[kreatik]

C'est un Zend_Dojo_Form avec des subForm(), les subForm() sont dans des onglets et j'aimerai avoir un bouton à droite des onglets (donc affiché quelque soit l'onglet sélectionne).

Toute la mise en page est construite avec BorderContainer

J'ai essayé avec Toolbar mais ce n'est pas tout à fait ce que je veux :

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
<div dojoType="dijit.layout.ContentPane" title="test">
                    <div id="toolbar1" dojoType="dijit.Toolbar">
                        <button type="submit" dojoType="dijit.form.Button" id="toolbar1.cut" iconClass="dijitEditorIcon dijitEditorIconSave"
                                showLabel="true">
                            enregistrer
                        </button>
 
                    </div>
 
                    <div dojoType="dijit.layout.TabContainer" nested="true" id="fdfddf">
                        <div dojoType="dijit.layout.ContentPane" title="test1">
                            tab 1
                        </div>
                        <div dojoType="dijit.layout.ContentPane" title="test2">
                            tab 2
                        </div>
                    </div>

ça donne :

[manuscle]

Essaie ça:

Code :

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

1
2
3
4
5
6
7
8
 
<div id="toolbar1" dojoType="dijit.Toolbar" dir="rtl">
                        <button type="submit" dojoType="dijit.form.Button" id="toolbar1.cut" iconClass="dijitEditorIcon dijitEditorIconSave"
                                showLabel="true">
                            enregistrer
                        </button>
 
                    </div>

http://www.dojotoolkit.org/api/dijit/Toolbar.html

[kreatik]

Pas mal j'y avait pas pensé, par contre du coup l'icone se retrouve à droite du texte bien que ceci est normal.



vous confirmez qu'il n'y a pas de solution "propre" pour integrer ce bouton là où j'ai mit mon [ ? ] ?

[manuscle]

Je crois..... mais là faut verifier car j'ai pas testé... que tu peux faire un tabcontainer avec des onglets qui font office de lien. Regarde la doc il y a un parametre onclick sur les onglets.
Donc si tu fait un tabcontainer dans le tab container et que tu integre un onglet avec un parametre onclick ça peut le faire.