Extjs4.0中的Ext

Extjs中的Ext

1. 首先是Ext.onReady(),它是來控制執行的時機的,它是在onload加載完畢之後和頁面加載完畢之後執行的,如果onload在onReady之前,只執行onload函數,而不執行onReady函數,如果load在onReady之後,先執行onload,後執行onReady

2. var onload = function(){

3. alert("onload加載的")

4. }

5. (function(){

6. Ext.onReady(function(){

7. alert("我是onReadey加載的");

8. });

9. })();

2.Ext.getCmp() 是得到一個組件的類,通過得到的這個類可以修改裏面的屬性和值

//通過面板來講解getCmp()

Ext.create("Ext.panel.Panel",{

title:'my Panel',

width:400,

height:300,

id:'panel01',

html:'<h1>hello word</h1>',

renderTo:'myP'

});

效果如圖:

var myp = Ext.getCmp("panel01");//得到的是Panel,可以通過調用Panel中的函數來修改

myp.setTitle("new Panel");

效果爲

可以看出titie變了

3.Ext.isEmpty() 是如果爲空則返回的是true,如果不爲空返回的是false

舉例:

alert(Ext.isEmpty({}));//false 空對象也是有值的

alert(Ext.isEmpty('',true));//false 默認的空串當爲true時不爲空

alert(Ext.isEmpty('',false));//true 空串當爲false時爲空

4.Ext.namespace()是命名空間的意思,可理解爲包,就是把組件封裝層次化,可以分包管理,在多人開發的時候非常有用

舉例:

Ext.namespace("COM.PCAT.MODE.A","COM.PCAT.CORE.A");如果不加這個命名空間,會報COM沒有定義的錯

COM.PCAT.MODE.A = {

name:'laowang'

};

COM.PCAT.CORE.A = function(){

alert("COM.PCAT.CORE.A");

}

5.Ext.each() 遍歷數組

舉例:

var array = [3,2,345,543,-64];

Ext.each(array,function(i){

alert(i);

});

6.Ext.apply()擴展類

舉例:

var a = {

name:'laowang'

}

Ext.apply(a,{getName:function(){

alert(this.name);

}

});

a.getName();

7.Ext.encode 作用是把對象編碼成字符串

以上的a是一個對象,當使用之後,把a變成一個字符串

alert(Ext.encode(a));

8.Ext.htmlDecode

把html的轉義字符自動把它封裝轉化爲真正的字符來顯示,用到的是htmlDecode

Ext.Msg.alert("hello",Ext.htmlDecode("<h1>hel&gt;lo</h1>"));

9.select 選擇器

var o1 = Ext.select("divColor");

alert(o1);

10.typeOf返回類型

如果返回的類型不正確,可以返回,用來校驗,或者來強制轉型

alert(Ext.typeOf({}));//返回的是Object

alert(Ext.typeOf(""));//返回的是String

alert(Ext.typeOf(function(){}));//返回的是function

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章