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();