标题之后，在面板标头中插入项目

Question

我需要在标题之后的面板中对齐标头项目，如以下：

[title] [item] ========================== [＆lt;＆lt;]

>

但得到了：

[title] ============================ [item] [＆lt;＆lt;]

>

我正在使用Extjs 4.2.1

Ext.onReady(function () {
  Ext.create('Ext.panel.Panel', {
      width: 500,
      height: 500,
      collapsible: true,
      renderTo: Ext.getBody(),
      header: {
        titlePosition: 0,
        title: "title",
        items: [{
            xtype: 'button',
            text: 'test'
        }]
      }
  });
});

Answer 1

您可以将其放置在类中。小提琴

Answer 2

对于版本4.2.1，标题组件用1的flex进行了硬编码，将其他项目和工具推向了远端。我们可以拦截其在容器中的添加，并删除flex，并以边距添加自己的间距。Extjs 4.2.1小提琴

如果您需要将工具或其他物品保存到远处

版本5介绍了ext.panel.title类，我们可以将标题配置设置为传递给内部ext.panel.title组件的对象。我们可以将Flex设置为未定义，如此Extjs 5 小提琴