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

Sencha touch 将CSS添加到选项卡面板Sencha Touch中的单个选项卡,sencha-touch,sencha-touch-2,sencha-touch-2.1,Sencha Touch,Sencha Touch 2,Sencha Touch 2.1,当我的应用程序联机或脱机时,我正在尝试更改选项卡面板中选项卡的颜色。我已经设置了联机和脱机事件,但现在我需要能够从这些事件更改选项卡的颜色 如何访问单个选项卡并设置其CSS?您可以使用ext component query获取组件的句柄,然后添加/删除类 Ext.ComponentQuery.query('yourselector')[0].addCls('yourclass') 您可以从tabpanel中获取单个选项卡,方法是在引用中的控制器类中引用它,如下所示: myDesiredTab:

当我的应用程序联机或脱机时,我正在尝试更改选项卡面板中选项卡的颜色。我已经设置了联机和脱机事件,但现在我需要能够从这些事件更改选项卡的颜色


如何访问单个选项卡并设置其CSS?

您可以使用ext component query获取组件的句柄,然后添加/删除类

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

您可以从tabpanel中获取单个选项卡,方法是在引用中的控制器类中引用它,如下所示:

myDesiredTab: '#myTabPanelId container[title=myDesiredTabTitle]'
之后你可以尝试:

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

这个想法还没有经过测试,但可能只是工作,因为选项卡栏有cls配置,我们有办法访问单个选项卡。

是否有removeCls函数?是的,removeCls和addCls是继承自的所有组件的方法