具有多行的ExtJS工具栏

有可能有一个包含多行的ExtJsToolBar吗？我希望在第一行有几个控件，在第二行有3个ExtJsButtons。

---

工具栏是面板的顶部工具栏。

我不确定这是否可行，但您始终可以使用行布局将北部区域（例如使用边框布局）划分为两行。然后，您可以将一个工具栏添加到顶行，将另一个工具栏添加到第二行。

您没有提到要添加工具栏的小部件，但一般来说，您可以添加任意数量的工具栏：

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

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

如果要在网格顶部添加额外的工具栏，请查找网格的面板组件并向其添加工具栏。它可能看起来像这样（未经测试）：

---

我不确定这是否正是您想要的，但在Ext3.0中工具栏已经过改进

您可能想看看：

---

在Ext论坛中查看此帖子。它描述了如何创建工具栏并将其渲染到现有工具栏

---

不确定早期版本，但从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'}
        ]
    }
],

---

那么

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

我知道它很老了，已经有答案了，也许它可以帮助别人：）

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