Zend_Dojo_Form, dijit dans un nested TabContainer

Version imprimable

1 pièce(s) jointe(s)

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 ?

http://www.developpez.net/forums/att...1&d=1284596367

Code:

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>

16/09/2010, 10h30
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

1 pièce(s) jointe(s)

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:

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 :

http://www.developpez.net/forums/att...1&d=1284627360

Essaie ça:

Code:

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

16/09/2010, 13h55
kreatik

1 pièce(s) jointe(s)

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

http://www.developpez.net/forums/att...1&d=1284638175

vous confirmez qu'il n'y a pas de solution "propre" pour integrer ce bouton là où j'ai mit mon [ ? ] ?
16/09/2010, 14h58
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.
16/09/2010, 15h05
kreatik

Oui mais du coup ce n'est plus un dijit, et encore moins un bouton.

Arf, c'est dommage tout ça :( Je continu a croire que ExtJs n'a pas d'équivalent !
16/09/2010, 15h33
manuscle

Ben si ça reste des élements dijit,
d'ailleur je viens de voir dans la doc que chacun des boutons que tu va mettre dans ta toolbar possede un parametre "layoutAlign" qui te permet de le positionner à droite ou à gauche de ta toolbar....
16/09/2010, 15h50
kreatik

Concernant le layoutAlign je l'avais vu mais il n'a aucun changement avec par exemple layoutAlign="right".

Je suis le seul a faire des form avec des onglets ou bien ?
21/09/2010, 11h23
kreatik

Juste pour infos, apparemment il n'est pas possible de mettre une Toolbar au dessus des onglets du form avec zend_dojo_form... dommage