Changing css of tab panel dyanmically in extjs.

Hi in my application I created some tabs.each tab have some items.

my functionality is as when any item is activated parent tab should highlighted with some color to recognize parent tab.

means i want to change css of parent tab on active event of items belongs to that paranet tab.

please help.



my code as follows:

.clsparenttab

{

border: solid;

border-color:black;

background-color: #EB41CE;

background-image: none !important;

}



xtype : 'panel',

title: 'Features',

id: 'tabFeatures',

itemId: 'tabFeatures',

autoScroll : true,

listeners :

{activate : function(tab) {

alert("features tab activated");

Ext.getCmp('hometab').addCls('clsparenttab');



}

}



'hometab' is parent tab and Features is panel items belongs to that tab.



but it is not working please help.



Thanks

Deepti.

Changing css of tab panel dyanmically in extjs.