extjs - 如何将工具栏中的元素左、中、右对齐

Question

如何在工具栏内拥有三个区域的左、中、右？我知道我可以使用 ->为所有以下项目触发右对齐的容器，但中心呢？

Answer 1

你可以用一个技巧来存档:

Ext.create('Ext.panel.Panel', {
     title: 'Toolbar Fill Example',
     width: 300,
     height: 200,
     tbar : [
         'Item 1',
         { xtype: 'tbfill' },
         'Item 4',
         { xtype: 'tbfill' },
         'Item 2'
     ],
     renderTo: Ext.getBody()
 });

JSFiddle

注意:

[
    'Item 1',
    '->',
    'Item 4',
    '->',
    'Item 2'
]

工作都是一样的。

工作原理
->或者是 xtype tbfill只不过是一个带有 flex: 1 的空组件配置。