Ext学习06util包

最新推荐文章于 2025-07-03 14:19:30 发布

原创最新推荐文章于 2025-07-03 14:19:30 发布 · 720 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了Ext.util.CSS包下的核心方法，包括创建样式表、获取样式规则、切换样式表及移除样式表等操作，并提供了具体的代码示例。

介绍util包下的几种常见的方法:

<span style="font-size:12px;">(function(){
	Ext.onReady(function(){
		//Ext.util.CSS	createStyleSheet( String cssText, String id ) : CSSStyleSheet
		Ext.util.CSS.createStyleSheet(".c{color:red}","red");
	    Ext.get("d1").addClsOnOver("c");
	    
	  //2.getRule( String/String[] selector, Boolean refreshCache ) : CSSStyleRule
		var cssobj=Ext.util.CSS.getRule(".c",true);
		alert(cssobj.style.color);
		
		//3.swapStyleSheet( String id, String url )
		var i=1;
		Ext.get("b1").on("click",function(){
			if(i%2==0){
				Ext.util.CSS.swapStyleSheet("one","js/one.css");
				Ext.get("d2").addClsOnOver("col");
				i++;
			}else{
				Ext.util.CSS.swapStyleSheet("two","js/two.css");
				Ext.get("d2").addClsOnOver("col");
				i++;
			}
		})
		//4.Ext.util.CSS removeStyleSheet( String id )
		Ext.get("b2").on("click",function(){
			Ext.util.CSS.removeStyleSheet("red");
		});
		
		
	})
	
})();</span>

-----------------------------待续-----------------------------------------------------------------------------