具有多行的ExtJS工具栏

Question

是否可以使用具有多行的ExtJsToolBar？我想在第一行有几个控件,在第二行需要3个ExtJsButtons.工具栏是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);