css - Sencha 触摸 : Change text color of a component

Question

我有一个包含组件的简单 View (容器)。使用 Ext.getCmp('foo').setHtml('bar');

将内容添加到此组件

我现在想更改组件“foo”的文本颜色。使用 style-property 效果很好，但前提是 styleHtmlContent 设置为 false。

如何更改文本颜色但仍将 styleHtmlContent 设置为 true？

Answer 1

您可以使用 Ext.Component#addCls(String) 方法向您的组件添加一些 CSS 类。

一旦您的 bar 类在您的 css 文件中声明为您的文本样式，只需执行以下操作:

Ext.getCmp('foo').addCls('bar');

这样，您只需向组件添加一些 css 样式，而不会覆盖它们。

文档链接:http://docs.sencha.com/touch/2.3.2/#!/api/Ext.Component-method-addCls