Панель инструментов ExtJS с несколькими строками

Question

Возможно ли иметь ExtJsToolBar с несколькими строками? Я хочу несколько элементов управления в первой строке и 3 ExtJsButtons во 2-й. Панель инструментов - это верхняя панель инструментов Panel.

Answer 1

Не уверен насчет более ранних версий, но с ExtJS 4.0 вы можете сделать это следующим образом при определении сетки:

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 2

Вы не упомянули, к какому виджету вы хотите добавить панели инструментов, но в целом вы можете добавить столько панелей инструментов, сколько хотите:

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

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

Если вы хотите добавить дополнительную панель инструментов в верхнюю часть сетки, найдите компонент панели сетки и добавьте в нее панели инструментов. Это может выглядеть так (не проверено):

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

Answer 3

А как же dockedItems тоже намного проще.

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

Я знаю, что он довольно старый и уже ответил, может быть, он может кому-то помочь:)

Answer 4

Я не уверен, что это именно то, что вы ищете, но панели инструментов были обновлены в Ext 3.0.

Возможно, вы захотите взглянуть на: http://extjs.com/deploy/ext-3.0-rc1.1/examples/toolbar/toolbars.html

Answer 5

Посмотрите на эту тему в форуме Ext. Он описывает, как создать панель инструментов и отобразить ее на существующей панели инструментов.

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

Answer 6

Я не уверен, возможно ли это или нет, но то, что вы всегда можете сделать, это разделить северную область (если используется, например, расположение границ) на две строки, используя расположение строк. Затем вы можете добавить одну панель инструментов в верхнюю строку, а другую - во вторую строку.