|
|
根據(jù)我在論壇上的觀察，xtype用起來(lái)的時(shí)候疑惑會(huì)比較多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我決定闡述一下這個(gè)xtype的概念。
定義
xtype就是一個(gè)代表類（Class）的標(biāo)識(shí)名字。
譬如，你有這個(gè)類，名字是Ext.ux.MyGrid。正常情況下你需要用這個(gè)名字來(lái)實(shí)例化這個(gè)類（創(chuàng)建類的對(duì)象）。
除了類名外，你還可以這樣登記類的xtype：
Ext.reg('mygrid', Ext.ux.MyGrid);
其中xtype 是 mygrid 而類名的一般形式是Ext.ux.MyGrid。上面的語(yǔ)句登記了新的xtype，換種說(shuō)法說(shuō)，xtype mygrid 與類 Ext.ux.MyGrid是連在一起的。
到底有什么好處？
試想一下，你手頭上的是一個(gè)大型的項(xiàng)目，為了響應(yīng)用戶的操作，程序里面包含者大量的對(duì)象（windows、forms、grids）。用戶點(diǎn)擊圖標(biāo)或按鈕，就會(huì)新建一個(gè)窗體，窗體里面又有g(shù)rid，最終在屏幕上渲染出來(lái)。
嗯，我們回到Ext2.x之前的編碼，那時(shí)候我們實(shí)例化所有對(duì)象是頁(yè)面第一次加載后就進(jìn)行的（程序代碼第一次的運(yùn)行）。在客戶端內(nèi)存中，Ext.ux.MyGrid類的對(duì)象已經(jīng)存在，等待用戶的點(diǎn)擊。 同樣是這個(gè)grid，假設(shè)你上百個(gè)的實(shí)例，...是多么浪費(fèi)寶貴的資源啊！很多grid其實(shí)用戶未必會(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)得大。
嗯，用戶點(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í)際是類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í)例化。
JavaScript技術(shù)：EXT中xtype的含義分析，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
