如何在ExtJs中将标题项对齐到右侧

Question

这是我头上的物品;你可以看到我尝试添加一个style属性，但它没有帮助 - 链接仍然对齐左边，而我希望它对齐：

items: [
{
    region: 'north',
    xtype: 'header',
    items:[
        {
            xtype: 'component',
            autoEl: {
                html: '<a href="#">View All Services</a>'
            },
            style: {
                textAlign: 'right',
                left: 'auto',
                right: '0'
            },
            listeners: {
                render: function(component) {
                    component.getEl().on('click', function(e) {
                        alert('test');
                    });
                }
            }
        }
    ],
    padding: 6
}

如何将标题中的项目对齐？

Answer 1

将标头titlePosition配置属性设置为0。默认情况下，标题组件中的项目会添加 标题标题之前。如果您将titlePosition配置设为0，则会在标题之后添加项目：

items: [
{
    region: 'north',
    xtype: 'header',
    titlePosition: 0,
    items:[
        {
            xtype: 'component',
            autoEl: {
                html: '<a href="#">View All Services</a>'
            },
            listeners: {
                render: function(component) {
                    component.getEl().on('click', function(e) {
                        alert('test');
                    });
                }
            }
        }
    ],
    padding: 6
}