css - Sencha Touch：更改组件的文本颜色

Question

我有一个包含组件的简单视图（容器）。内容被添加到这个组件使用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

Answer 2

将属性设置styleHtmlCls为<myClass>特定组件是诀窍！这样做我能够创建一个自定义 css 文件，其中包含<myClass>指定自定义颜色的位置......