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

Question

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

Answer 1

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

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 2

Не уверен насчет более ранних версий, но с 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 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 / примеры / панель / toolbars.html

Answer 5

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

Answer 6

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

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