Barra degli strumenti ExtJS con più righe

Question

È possibile avere un ExtJsToolBar con più linee? Voglio alcuni controlli sulla prima riga e 3 ExtJsButtons sulla seconda. La barra degli strumenti è la barra degli strumenti superiore di un pannello.

Answer 1

Non hai menzionato quale widget ti piace aggiungere le barre degli strumenti, ma in generale puoi aggiungere tutte le barre degli strumenti che vuoi:

var panel = new Ext.Panel();
var tool1 = new Ext.Toolbar({...});
var tool2 = new Ext.Toolbar({...});

panel.add(tool1);
panel.add(tool2);
...

Se ti piace aggiungere una barra degli strumenti extra nella parte superiore della griglia, trova il componente del pannello della griglia e aggiungi barre degli strumenti. Potrebbe apparire così (non testato):

tPanel = grid.getTopToolbar().ownerCt; // get top toolbar's container panel
tPanel.add(anotherToolbar);

Answer 2

Non sei sicuro delle versioni precedenti, ma a partire da ExtJS 4.0 puoi farlo in questo modo quando definisci la griglia:

dockedItems: [
    {
        xtype: 'toolbar',
        dock: 'top',
        items: [
            {text:'Toolbar 1 Button 1'},
            {text:'Toolbar 1 Button 2'}
        ]
    },
    {
        xtype: 'toolbar',
        dock: 'top',
        items: [
            {text:'Toolbar 2 Button 1'}
        ]
    }
],

http: // dev. sencha.com/deploy/ext-4.0.2a/docs/#/api/Ext.panel.Panel

Answer 3

Che dire di dockedItems è anche molto più semplice.

var toolbar1 = {
   xtype : 'toolbar',
   dock : 'top', // bottom, right, left
   items: [...]
};

var toolbar2 = {  
   xtype : 'toolbar',
   dock : 'top',
   items: [...]
};

Ext.create('Ext.panel.Panel', {
    dockedItems: [toolbar1,toolbar2]
});  

So che è piuttosto vecchio e ha già risposto, forse può aiutare qualcuno :)

Answer 4

Non sono sicuro se questo è esattamente quello che stai cercando, ma le barre degli strumenti sono state rinnovate in Ext 3.0.

Potresti dare un'occhiata a: http://extjs.com/deploy/ext- 3.0-rc1.1 / examples / barra / toolbars.html

Answer 5

Non sono sicuro, sia che sia possibile o meno, ma ciò che puoi sempre fare è dividere l'area nord (se ad esempio usi il layout del bordo) in due righe usando il layout delle righe. Quindi puoi aggiungere una barra degli strumenti nella riga superiore e l'altra nella seconda riga.

Answer 6

Guarda questa discussione nel forum Ext. Descrive come creare una barra degli strumenti e renderla su una barra degli strumenti esistente.

http://www.extjs.com/forum/showthread.php ? t = 12433