根據(jù)我在論壇上的觀察盈电,xtype用起來的時候疑惑會比較多芍阎。甚至有些人根本忽略xtype叫编,或者不清楚它是什么辖佣。所以我決定闡述一下這個xtype的概念。
序言
根據(jù)我在論壇上的觀察搓逾,xtype用起來的時候疑惑會比較多卷谈。甚至有些人根本忽略xtype,或者不清楚它是什么霞篡。所以我決定闡述一下這個xtype的概念世蔗。
定義
xtype就是一個代表類(Class)的標(biāo)識名字。
譬如朗兵,你有這個類污淋,名字是Ext.ux.MyGrid。正常情況下你需要用這個名字來實例化這個類(創(chuàng)建類的對象)余掖。
除了類名外寸爆,你還可以這樣登記類的xtype:
Ext.reg('mygrid', Ext.ux.MyGrid);
其中xtype 是 mygrid 而類名的一般形式是Ext.ux.MyGrid。上面的語句登記了新的xtype盐欺,換種說法說赁豆,xtype mygrid 與類 Ext.ux.MyGrid是連在一起的。
到底有什么好處冗美?
試想一下魔种,你手頭上的是一個大型的項目,為了響應(yīng)用戶的操作粉洼,程序里面包含者大量的對象(windows节预、forms、grids)属韧。用戶點擊圖標(biāo)或按鈕心铃,就會新建一個窗體,窗體里面又有g(shù)rid挫剑,最終在屏幕上渲染出來去扣。
嗯,我們回到Ext2.x之前的編碼樊破,那時候我們實例化所有對象是頁面第一次加載后就進(jìn)行的(程序代碼第一次的運行)愉棱。在客戶端內(nèi)存中,Ext.ux.MyGrid類的對象已經(jīng)存在哲戚,等待用戶的點擊奔滑。 同樣是這個grid,假設(shè)你上百個的實例顺少,...是多么浪費寶貴的資源芭笃洹王浴!很多grid其實用戶未必會點擊讓它出現(xiàn)。
延時實例化
如果你使用xtype梅猿,那么在內(nèi)存中的僅僅是一個配置項對象氓辣,像:
復(fù)制代碼代碼如下:
{xtype:'mygrid", border:false, width:600, height:400, ...}
消耗沒有復(fù)雜的實例對象來得大。
嗯袱蚓,用戶點擊按鈕或圖標(biāo)會怎么樣呢钞啸?Ext會辨認(rèn)出它是一個準(zhǔn)備要渲染的grid但不立刻實例化,Ext在ComponentMgr的幫忙下明白這么一回事:“如果我要實例化xtype mygrid的對象喇潘,我就知道要創(chuàng)建的實際是類Ext.ux.MyGrid的對象”体斩。即如下列代碼:
復(fù)制代碼代碼如下:
create : function(config, defaultType){
return new types[config.xtype || defaultType](config);
}
等價于:
Java代碼
復(fù)制代碼代碼如下:
return new Ext.ux.MyGrid(config);
然后實例化grid,進(jìn)行渲染和顯示颖低。謹(jǐn)記:需要的時候才實例化捎琐。