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

Question

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

将内容添加到此组件

我现在想要更改组件的文本颜色＆＃34; foo＆＃34;。使用style-property工作正常，但只有styleHtmlContent设置为false。

如何更改文字颜色，但仍将styleHtmlContent设为true？

Answer 1

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

使用文本样式在css文件中声明bar类后，只需执行以下操作：

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>，其中指定了自定义颜色...