Question

任何人都可以展示如何将标题栏中的标题对齐设置为左对齐。我目前正在尝试这个但它不起作用：

var p = Ext.create('Ext.Panel', {
    items: [
    {
        xtype: 'toolbar',
        docked: 'top',
        title: 'my title',
        style: {
            'text-align':'left'
        }
    }   
    ]
}); 
Ext.Viewport.add(p);

第二次尝试： 现在不能左边的标题和右边的工具栏按钮！

var p = Ext.create('Ext.Panel', {
    items: [
    {
        xtype: 'toolbar',
        docked: 'top',
        layout: {
            pack: 'end'
        },
        title: {
            title: 'mytitle',
            style: {
                'text-align':'left'
            }
        },
        items: [
            {
                xtype: 'button',
                text: 'mybutton',
                align: 'right'
            }
        ]
    }   
    ]
}); 
Ext.Viewport.add(p);

Answer 1

您正尝试将样式添加到工具栏，但不添加到title元素。这样做：

xtype: 'toolbar',
docked: 'top',
title: {
    title: 'my title',
    style: {
        'text-align':'left'
    }
}

看这个http://jsfiddle.net/xv67e/

Answer 2

我认为它只是align而不是text-align，将其置于style块之外，位于title下方。

有关this page

的更多信息

Answer 3

您可以为Ext.TitleBar的项目提供左侧或右侧的对齐配置，这会将它们停靠在条形图的左侧或右侧。

如何使用Sencha Touch在标题栏中保留标题文本

3 个答案: