EXT中xtype的含義分析
更新時(shí)間:2010年01月07日 21:04:22 作者:
根據(jù)我在論壇上的觀察,xtype用起來的時(shí)候疑惑會比較多。甚至有些人根本忽略xtype,或者不清楚它是什么。所以我決定闡述一下這個xtype的概念。
序言
根據(jù)我在論壇上的觀察,xtype用起來的時(shí)候疑惑會比較多。甚至有些人根本忽略xtype,或者不清楚它是什么。所以我決定闡述一下這個xtype的概念。
定義
xtype就是一個代表類(Class)的標(biāo)識名字。
譬如,你有這個類,名字是Ext.ux.MyGrid。正常情況下你需要用這個名字來實(shí)例化這個類(創(chuàng)建類的對象)。
除了類名外,你還可以這樣登記類的xtype:
Ext.reg('mygrid', Ext.ux.MyGrid);
其中xtype 是 mygrid 而類名的一般形式是Ext.ux.MyGrid。上面的語句登記了新的xtype,換種說法說,xtype mygrid 與類 Ext.ux.MyGrid是連在一起的。
到底有什么好處?
試想一下,你手頭上的是一個大型的項(xiàng)目,為了響應(yīng)用戶的操作,程序里面包含者大量的對象(windows、forms、grids)。用戶點(diǎn)擊圖標(biāo)或按鈕,就會新建一個窗體,窗體里面又有g(shù)rid,最終在屏幕上渲染出來。
嗯,我們回到Ext2.x之前的編碼,那時(shí)候我們實(shí)例化所有對象是頁面第一次加載后就進(jìn)行的(程序代碼第一次的運(yùn)行)。在客戶端內(nèi)存中,Ext.ux.MyGrid類的對象已經(jīng)存在,等待用戶的點(diǎn)擊。 同樣是這個grid,假設(shè)你上百個的實(shí)例,...是多么浪費(fèi)寶貴的資源??!很多grid其實(shí)用戶未必會點(diǎn)擊讓它出現(xiàn)。
延時(shí)實(shí)例化
如果你使用xtype,那么在內(nèi)存中的僅僅是一個配置項(xiàng)對象,像:
{xtype:'mygrid", border:false, width:600, height:400, ...}
消耗沒有復(fù)雜的實(shí)例對象來得大。
嗯,用戶點(diǎn)擊按鈕或圖標(biāo)會怎么樣呢?Ext會辨認(rèn)出它是一個準(zhǔn)備要渲染的grid但不立刻實(shí)例化,Ext在ComponentMgr的幫忙下明白這么一回事:“如果我要實(shí)例化xtype mygrid的對象,我就知道要創(chuàng)建的實(shí)際是類Ext.ux.MyGrid的對象”。即如下列代碼:
create : function(config, defaultType){
return new types[config.xtype || defaultType](config);
}
等價(jià)于:
Java代碼
return new Ext.ux.MyGrid(config);
然后實(shí)例化grid,進(jìn)行渲染和顯示。謹(jǐn)記:需要的時(shí)候才實(shí)例化。
根據(jù)我在論壇上的觀察,xtype用起來的時(shí)候疑惑會比較多。甚至有些人根本忽略xtype,或者不清楚它是什么。所以我決定闡述一下這個xtype的概念。
定義
xtype就是一個代表類(Class)的標(biāo)識名字。
譬如,你有這個類,名字是Ext.ux.MyGrid。正常情況下你需要用這個名字來實(shí)例化這個類(創(chuàng)建類的對象)。
除了類名外,你還可以這樣登記類的xtype:
Ext.reg('mygrid', Ext.ux.MyGrid);
其中xtype 是 mygrid 而類名的一般形式是Ext.ux.MyGrid。上面的語句登記了新的xtype,換種說法說,xtype mygrid 與類 Ext.ux.MyGrid是連在一起的。
到底有什么好處?
試想一下,你手頭上的是一個大型的項(xiàng)目,為了響應(yīng)用戶的操作,程序里面包含者大量的對象(windows、forms、grids)。用戶點(diǎn)擊圖標(biāo)或按鈕,就會新建一個窗體,窗體里面又有g(shù)rid,最終在屏幕上渲染出來。
嗯,我們回到Ext2.x之前的編碼,那時(shí)候我們實(shí)例化所有對象是頁面第一次加載后就進(jìn)行的(程序代碼第一次的運(yùn)行)。在客戶端內(nèi)存中,Ext.ux.MyGrid類的對象已經(jīng)存在,等待用戶的點(diǎn)擊。 同樣是這個grid,假設(shè)你上百個的實(shí)例,...是多么浪費(fèi)寶貴的資源??!很多grid其實(shí)用戶未必會點(diǎn)擊讓它出現(xiàn)。
延時(shí)實(shí)例化
如果你使用xtype,那么在內(nèi)存中的僅僅是一個配置項(xiàng)對象,像:
復(fù)制代碼 代碼如下:
{xtype:'mygrid", border:false, width:600, height:400, ...}
消耗沒有復(fù)雜的實(shí)例對象來得大。
嗯,用戶點(diǎn)擊按鈕或圖標(biāo)會怎么樣呢?Ext會辨認(rèn)出它是一個準(zhǔn)備要渲染的grid但不立刻實(shí)例化,Ext在ComponentMgr的幫忙下明白這么一回事:“如果我要實(shí)例化xtype mygrid的對象,我就知道要創(chuàng)建的實(shí)際是類Ext.ux.MyGrid的對象”。即如下列代碼:
復(fù)制代碼 代碼如下:
create : function(config, defaultType){
return new types[config.xtype || defaultType](config);
}
等價(jià)于:
Java代碼
復(fù)制代碼 代碼如下:
return new Ext.ux.MyGrid(config);
然后實(shí)例化grid,進(jìn)行渲染和顯示。謹(jǐn)記:需要的時(shí)候才實(shí)例化。
相關(guān)文章
Extjs Ext.MessageBox.confirm 確認(rèn)對話框詳解
顯示一個確認(rèn)對話框,用來代替JavaScript標(biāo)準(zhǔn)的confirm()方法,具有兩個按鈕“是”和“否”如果為其提供一個回調(diào)函數(shù),則該函數(shù)將在單擊按鈕后被調(diào)用(包括右上角的推出按鈕),所單擊按鈕的id將被作為唯一的參數(shù)傳遞到回調(diào)函數(shù)中。2010-04-04
Extjs TriggerField在彈出窗口顯示不出問題的解決方法
解決Extjs TriggerField在彈出窗口顯示不出問題2010-01-01
Extjs NumberField后面加單位實(shí)現(xiàn)思路
本文為大家介紹下在NumberField后面加單位,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-07-07
ExtJs GridPanel簡單的增刪改實(shí)現(xiàn)代碼
ExtJs GridPanel中實(shí)現(xiàn)增刪改效果的代碼,需要的朋友可以參考下。2010-08-08
學(xué)習(xí)ExtJS TextField常用方法
ExtJS TextField常用方法2009-10-10
ext combox 下拉框不出現(xiàn)自動提示,自動選中的解決方法
ext combox 如果想實(shí)現(xiàn)類似于 baidu 搜索時(shí)的提示功能。必須禁止其分頁功能才可以。2010-02-02

