在标题后面的面板标题中插入项目

时间:2017-04-19 10:33:54

标签: extjs

我需要在标题后的面板中对齐标题项,如下所示:

[标题] [项目] ============================并[d;<]

但得到了这个:

[标题] ============================ [项目] [<<]

我使用的是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'
        }]
      }
  });
});

2 个答案:

答案 0 :(得分:1)

你可以用一个类来定位它。 fiddle

答案 1 :(得分:0)

对于4.2.1版,标题组件使用1的flex硬编码,将其他项和工具推到最远的一侧。我们可以将其添加到容器中并删除flex并添加带有边距的我们自己的间距。 ExtJS 4.2.1 Fiddle

如果需要将工具或其他物品放在远处,则可以将包裹的物品添加到容器中,弯曲度为1。

第5版引入了Ext.panel.Title类,我们可以将标题配置设置为一个对象,该对象将传递到内部Ext.panel.Title组件。我们可以将flex设置为undefined,如本ExtJS 5+ Fiddle

所示