sencha-touch - 如何使用 Sencha Touch 在标题栏中左对齐标题文本

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

您正在尝试将样式添加到工具栏而不是标题元素。做这个：

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

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

Answer 2

我相信它是公正的align，而不是text-align，把它放在style街区外面，就在下面title。

此页面上的更多信息

Answer 3

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