sencha-touch - 如何在 ST2 的标题栏中设置文本的字体大小？

Question

如何在 ST2 的标题栏中设置文本的字体大小？

我已经尝试过“样式”属性，但这也会影响工具栏中按钮的文本，如果字体大小更小，它们会被渲染得更小。我只想在工具栏中设置标题的文本，而不是包括按钮在内的所有内容。

有谁知道如何做到这一点？

Answer 1

为什么不只是：

title: '<div style="font-size: 30px; color: orange;">Title</div>',

Working Demo

Answer 2

可能不是最好的方法，但你可以试试这个：

Ext.define('MyApp.view.MyPanel', {
    extend: 'Ext.Panel',

    config: {
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                title: 'Cool Story Bro',
                items: [
                    {
                        xtype: 'button',
                        text: 'MyButton'
                    },
                    {
                        xtype: 'button',
                        align: 'right',
                        text: 'MyButton1'
                    }
                ],
                listeners: [
                    {
                        fn: function(element, options) {
                            Ext.getCmp(element.id).titleComponent.innerElement.dom.style.color = 'red';
                            Ext.getCmp(element.id).titleComponent.innerElement.dom.style.fontSize = '30px';
                            Ext.getCmp(element.id).titleComponent.innerElement.dom.style.fontStyle = 'italic';
                        },
                        event: 'painted'
                    }
                ]
            }
        ]
    }
});

演示：http ://www.senchafiddle.com/#m3ilK#ArrdD

Answer 3

标题栏有一个名为styleHtmlCls的配置，应该让您定义一个应用于内容的类。您需要styleHtmlContent设置为 true。