如何在 extJS 中更改 tbar 的文本颜色和样式？

Question

我用 extJS 制作了一个带有 tbar 的面板。我想更改 tbar 中项目的文本颜色和样式。具体来说，我希望 "Report Manager" 的颜色为蓝色，并且应该加下划线。

function panelReports(){
Ext.create('Ext.panel.Panel', {
    layout: {
        type: 'auto',
        align: 'left'
    },
    renderTo: document.body,
    tbar: [
    {
            enableToggle: true,
            text: 'Report Manager',
            scope   : this,
            handler : treeReportManager
    }]
});

}

Answer 1

我试过了，它对我有用..

tbar: [
    {
            enableToggle: true,
            text: '<u> Report Manager </u>',
            style:{
                        color: 'blue'
                    } ,
            scope   : this,
            handler : treeReportManager
    }]

如何在 extJS 中更改 tbar 的文本颜色和样式？

How to change tbar's text colour and style in extJS?

extjs4.1