ExtJS - 我如何只为文本的一部分着色

Posted 2021-04-05

我在函数中使用setTitle作为grid.panel的动态标题，并为其添加变量。

有没有办法只为变色而着色？例如，我希望ondevs是绿色的。

changeTitle: function(){
    var ondevs = 0;
    var offdevs = 0;
    this.getView().setTitle(Strings.dev + " - " + ondevs + " Online " + offdevs + " Offline");
}

谢谢！

答案

您可以将所需的任何html放入面板标题（面板，formpanel，gridpanel）：

Ext.create('Ext.panel.Panel',{
    renderTo:Ext.getBody(),
    width:300,
    height:100,
    title:'<span style="color:springgreen">17</span> Online</u>'
});

https://fiddle.sencha.com/#fiddle/1g4a