EXT中xtype的含義分析

2019-11-21 00:50:11

字體：大中小

來源：轉載

供稿：網友

序言

根據我在論壇上的觀察，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，進行渲染和顯示。謹記：需要的時候才實例化。

上一篇：Extjs學習筆記之五一個小細節renderTo和applyTo的區別

下一篇：Extjs學習筆記之四工具欄和菜單

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

EXT中xtype的含義分析