ExtJS Toolbar avec plusieurs lignes

StackOverflow https://stackoverflow.com/questions/829304

  •  06-07-2019
  •  | 
  •  

Question

Est-il possible d’avoir un ExtJsToolBar avec plusieurs lignes? Je veux quelques contrôles sur la première ligne et 3 ExtJsButtons sur la 2ème. La barre d’outils est la barre d’outils supérieure d’un panneau.

Était-ce utile?

La solution

Vous n'avez pas indiqué à quel widget vous souhaitez ajouter des barres d'outils, mais vous pouvez en général ajouter autant de barres d'outils que vous le souhaitez: 

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

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

Si vous souhaitez ajouter une barre d’outils supplémentaire en haut de la grille, recherchez le composant du panneau de la grille et ajoutez-y des barres d’outils. Cela pourrait ressembler à ceci (non testé): 

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

Autres conseils

Vous n'êtes pas sûr des versions précédentes, mais à partir d'ExtJS 4.0, vous pouvez le faire comme ceci lorsque vous définissez la grille: 

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

Qu'en est-il de dockedItems , c'est beaucoup plus simple aussi. 

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]
});

Je sais que c'est assez vieux et déjà répondu, peut-être que ça peut aider quelqu'un:)

Je ne sais pas si c'est exactement ce que vous recherchez, mais les barres d'outils ont été réorganisées dans le poste Ext 3.0.

Vous voudrez peut-être jeter un coup d'œil sur: http://extjs.com/deploy/ext- 3.0-rc1.1 / examples / toolbar / toolbars.html

Je ne sais pas si c'est possible ou non, mais vous pouvez toujours diviser la zone nord (si vous utilisez la disposition de la bordure par exemple) en deux lignes à l'aide de la disposition des lignes. Vous pouvez ensuite ajouter une barre d’outils à la rangée supérieure et l’autre à la deuxième rangée.

Regardez ce fil dans le forum Ext. Il décrit comment créer une barre d’outils et l’afficher dans une barre d’outils existante.

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top