将CSS添加到选项卡面板Sencha Touch中的单个选项卡

Question

我正在尝试更改我的应用在线或离线时的标签面板中的标签颜色。我已经设置了在线和离线事件，但现在我需要能够从这些事件中更改选项卡的颜色。

如何访问单个标签并设置CSS？

Answer 1

您可以使用ext组件查询来获取组件的句柄，然后添加/删除类

Ext.ComponentQuery.query('yourselector')[0].addCls('yourclass')

Answer 2

您可以通过在控制器类内部（在refs内部）引用它来从tabpanel获取单个选项卡：

myDesiredTab: '#myTabPanelId container[title=myDesiredTabTitle]'

然后你可以尝试：

this.getMyDesiredTab().tab.setCls('myDesiredCssClass');

这个想法还没有经过测试，但可能只是因为tabbar确实有cls配置，我们有办法访问单个标签。