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

Question

我在extJS中制作了一个有tbar的面板。我想更改tbar中项目的文本颜色和样式。具体来说，我希望“报告管理器”的颜色为蓝色，并且应加下划线。

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
    }]