EXT中xtype的含義分析
更新時(shí)間:2010年01月07日 21:04:22 作者:
根據(jù)我在論壇上的觀察,xtype用起來(lái)的時(shí)候疑惑會(huì)比較多。甚至有些人根本忽略xtype,或者不清楚它是什么。所以我決定闡述一下這個(gè)xtype的概念。
序言
根據(jù)我在論壇上的觀察,xtype用起來(lái)的時(shí)候疑惑會(huì)比較多。甚至有些人根本忽略xtype,或者不清楚它是什么。所以我決定闡述一下這個(gè)xtype的概念。
定義
xtype就是一個(gè)代表類(lèi)(Class)的標(biāo)識(shí)名字。
譬如,你有這個(gè)類(lèi),名字是Ext.ux.MyGrid。正常情況下你需要用這個(gè)名字來(lái)實(shí)例化這個(gè)類(lèi)(創(chuàng)建類(lèi)的對(duì)象)。
除了類(lèi)名外,你還可以這樣登記類(lèi)的xtype:
Ext.reg('mygrid', Ext.ux.MyGrid);
其中xtype 是 mygrid 而類(lèi)名的一般形式是Ext.ux.MyGrid。上面的語(yǔ)句登記了新的xtype,換種說(shuō)法說(shuō),xtype mygrid 與類(lèi) Ext.ux.MyGrid是連在一起的。
到底有什么好處?
試想一下,你手頭上的是一個(gè)大型的項(xiàng)目,為了響應(yīng)用戶(hù)的操作,程序里面包含者大量的對(duì)象(windows、forms、grids)。用戶(hù)點(diǎn)擊圖標(biāo)或按鈕,就會(huì)新建一個(gè)窗體,窗體里面又有g(shù)rid,最終在屏幕上渲染出來(lái)。
嗯,我們回到Ext2.x之前的編碼,那時(shí)候我們實(shí)例化所有對(duì)象是頁(yè)面第一次加載后就進(jìn)行的(程序代碼第一次的運(yùn)行)。在客戶(hù)端內(nèi)存中,Ext.ux.MyGrid類(lèi)的對(duì)象已經(jīng)存在,等待用戶(hù)的點(diǎn)擊。 同樣是這個(gè)grid,假設(shè)你上百個(gè)的實(shí)例,...是多么浪費(fèi)寶貴的資源??!很多grid其實(shí)用戶(hù)未必會(huì)點(diǎn)擊讓它出現(xiàn)。
延時(shí)實(shí)例化
如果你使用xtype,那么在內(nèi)存中的僅僅是一個(gè)配置項(xiàng)對(duì)象,像:
{xtype:'mygrid", border:false, width:600, height:400, ...}
消耗沒(méi)有復(fù)雜的實(shí)例對(duì)象來(lái)得大。
嗯,用戶(hù)點(diǎn)擊按鈕或圖標(biāo)會(huì)怎么樣呢?Ext會(huì)辨認(rèn)出它是一個(gè)準(zhǔn)備要渲染的grid但不立刻實(shí)例化,Ext在ComponentMgr的幫忙下明白這么一回事:“如果我要實(shí)例化xtype mygrid的對(duì)象,我就知道要?jiǎng)?chuàng)建的實(shí)際是類(lèi)Ext.ux.MyGrid的對(duì)象”。即如下列代碼:
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用起來(lái)的時(shí)候疑惑會(huì)比較多。甚至有些人根本忽略xtype,或者不清楚它是什么。所以我決定闡述一下這個(gè)xtype的概念。
定義
xtype就是一個(gè)代表類(lèi)(Class)的標(biāo)識(shí)名字。
譬如,你有這個(gè)類(lèi),名字是Ext.ux.MyGrid。正常情況下你需要用這個(gè)名字來(lái)實(shí)例化這個(gè)類(lèi)(創(chuàng)建類(lèi)的對(duì)象)。
除了類(lèi)名外,你還可以這樣登記類(lèi)的xtype:
Ext.reg('mygrid', Ext.ux.MyGrid);
其中xtype 是 mygrid 而類(lèi)名的一般形式是Ext.ux.MyGrid。上面的語(yǔ)句登記了新的xtype,換種說(shuō)法說(shuō),xtype mygrid 與類(lèi) Ext.ux.MyGrid是連在一起的。
到底有什么好處?
試想一下,你手頭上的是一個(gè)大型的項(xiàng)目,為了響應(yīng)用戶(hù)的操作,程序里面包含者大量的對(duì)象(windows、forms、grids)。用戶(hù)點(diǎn)擊圖標(biāo)或按鈕,就會(huì)新建一個(gè)窗體,窗體里面又有g(shù)rid,最終在屏幕上渲染出來(lái)。
嗯,我們回到Ext2.x之前的編碼,那時(shí)候我們實(shí)例化所有對(duì)象是頁(yè)面第一次加載后就進(jìn)行的(程序代碼第一次的運(yùn)行)。在客戶(hù)端內(nèi)存中,Ext.ux.MyGrid類(lèi)的對(duì)象已經(jīng)存在,等待用戶(hù)的點(diǎn)擊。 同樣是這個(gè)grid,假設(shè)你上百個(gè)的實(shí)例,...是多么浪費(fèi)寶貴的資源??!很多grid其實(shí)用戶(hù)未必會(huì)點(diǎn)擊讓它出現(xiàn)。
延時(shí)實(shí)例化
如果你使用xtype,那么在內(nèi)存中的僅僅是一個(gè)配置項(xiàng)對(duì)象,像:
復(fù)制代碼 代碼如下:
{xtype:'mygrid", border:false, width:600, height:400, ...}
消耗沒(méi)有復(fù)雜的實(shí)例對(duì)象來(lái)得大。
嗯,用戶(hù)點(diǎn)擊按鈕或圖標(biāo)會(huì)怎么樣呢?Ext會(huì)辨認(rèn)出它是一個(gè)準(zhǔn)備要渲染的grid但不立刻實(shí)例化,Ext在ComponentMgr的幫忙下明白這么一回事:“如果我要實(shí)例化xtype mygrid的對(duì)象,我就知道要?jiǎng)?chuàng)建的實(shí)際是類(lèi)Ext.ux.MyGrid的對(duì)象”。即如下列代碼:
復(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)文章
學(xué)習(xí)ExtJS(一) 之基礎(chǔ)前提
學(xué)習(xí)ExtJS前提條件,大家要想學(xué)習(xí),需要一些基礎(chǔ)知識(shí)。2009-10-10Extjs EditorGridPanel中ComboBox列的顯示問(wèn)題
EditorGridPanel中嵌入ComboBox通常不會(huì)正常顯示ComboBox的store中本想顯示字段,而是顯示的EditorGridPanel中 store的dataindex指定的字段內(nèi)容。2011-07-07Extjs4 類(lèi)的定義和擴(kuò)展實(shí)例
一般定義方式注意方法和函數(shù)的添加方式不同,具體定義步驟如下,感興趣的朋友可以參考下哈,感興趣的朋友可以了解下哈2013-06-06解決extjs grid 不隨窗口大小自適應(yīng)的改變問(wèn)題
在使用grid的時(shí)候窗口改變了但是grid卻不能自適應(yīng),下面有個(gè)不粗的解決方法,大家可以參考下2014-01-01Extjs3.0 checkboxGroup 動(dòng)態(tài)添加item實(shí)現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動(dòng)態(tài)添加item,如需要數(shù)據(jù)動(dòng)態(tài)創(chuàng)建,試著創(chuàng)建整個(gè)CheckboxGroup,而不是動(dòng)態(tài)添加item,具體實(shí)現(xiàn)如下,感興趣的朋友可以了解下2013-08-08Extjs407 getValue()和getRawValue()區(qū)別介紹
mydate.getvalue() 返回的是對(duì)象;mydate.getRawValue() 返回的是該控件的顯示值,不知道的朋友可以參考下哈2013-05-05