|
|
根據我在論壇上的觀察，xtype用起來的時候疑惑會比較多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我決定闡述一下這個xtype的概念。
定義
xtype就是一個代表類（Class）的標識名字。
譬如，你有這個類，名字是Ext.ux.MyGrid。正常情況下你需要用這個名字來實例化這個類（創建類的對象）。
除了類名外，你還可以這樣登記類的xtype：
Ext.reg('mygrid', Ext.ux.MyGrid);
其中xtype 是 mygrid 而類名的一般形式是Ext.ux.MyGrid。上面的語句登記了新的xtype，換種說法說，xtype mygrid 與類 Ext.ux.MyGrid是連在一起的。
到底有什么好處？
試想一下，你手頭上的是一個大型的項目，為了響應用戶的操作，程序里面包含者大量的對象（windows、forms、grids）。用戶點擊圖標或按鈕，就會新建一個窗體，窗體里面又有grid，最終在屏幕上渲染出來。
嗯，我們回到Ext2.x之前的編碼，那時候我們實例化所有對象是頁面第一次加載后就進行的（程序代碼第一次的運行）。在客戶端內存中，Ext.ux.MyGrid類的對象已經存在，等待用戶的點擊。 同樣是這個grid，假設你上百個的實例，...是多么浪費寶貴的資源啊！很多grid其實用戶未必會點擊讓它出現。
延時實例化
如果你使用xtype，那么在內存中的僅僅是一個配置項對象，像：
復制代碼 代碼如下:
{xtype:'mygrid", border:false, width:600, height:400, ...}
消耗沒有復雜的實例對象來得大。
嗯，用戶點擊按鈕或圖標會怎么樣呢？Ext會辨認出它是一個準備要渲染的grid但不立刻實例化，Ext在ComponentMgr的幫忙下明白這么一回事：“如果我要實例化xtype mygrid的對象，我就知道要創建的實際是類Ext.ux.MyGrid的對象”。即如下列代碼：
復制代碼 代碼如下:
create : function(config, defaultType){
return new types[config.xtype || defaultType](config);
}
等價于：
Java代碼
復制代碼 代碼如下:
return new Ext.ux.MyGrid(config);
然后實例化grid，進行渲染和顯示。謹記：需要的時候才實例化。
JavaScript技術：EXT中xtype的含義分析，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
