ext CSS 스타일

Ext Core   CSS。

addClass
            ：
Ext.fly('elId').addClass('myCls'); //      'myCls'   
radioClass
       className     ，        （siblings）        。
//     'myCls'          'myCls'  

// all sibilings.
Ext.fly('elId').radioClass('myCls');
removeClass
            CSS 。
Ext.fly('elId').removeClass('myCls'); //         
toggleClass
  （Toggles，            ）--        CSS （           ，       ）。
Ext.fly('elId').toggleClass('myCls'); //      
Ext.fly('elId').toggleClass('myCls'); //      
Ext.fly('elId').toggleClass('myCls'); //       
hasClass
    CSS            。
if (Ext.fly('elId').hasClass('myCls')) {
 //       ……
}
replaceClass
         CSS 。
Ext.fly('elId').replaceClass('myClsA', 'myClsB');
getStyle
                  。
var color = Ext.fly('elId').getStyle('color');
var zIndx = Ext.fly('elId').getStyle('z-index');

var fntFmly = Ext.fly('elId').getStyle('font-family');
// ...   
setStyle
       ，                。
Ext.fly('elId').setStyle('color', '#FFFFFF');
Ext.fly('elId').setStyle('z-index', 10);
Ext.fly('elId').setStyle({
 display : 'block',
 overflow : 'hidden',
 cursor : 'pointer'

});
//          
Ext.fly('elId').setStyle('color', '#FFFFFF', true);
//   0.75        
Ext.fly('elId').setStyle('color', '#FFFFFF', {duration: .75}); 

// ...   
getColor
    CSS    CSS  。RGB、   ( #fff)                    。
Ext.fly('elId').getColor('background-color');
Ext.fly('elId').getColor('color');
Ext.fly('elId').getColor('border-color');

// ...   
setOpacity
        。
Ext.fly('elId').setOpacity(.5);
Ext.fly('elId').setOpacity(.45, true); //   

//          
Ext.fly('elId').setOpacity(.45, {duration: .5});
clearOpacity
            。
Ext.fly('elId').clearOpacity();