根據我在論壇上的觀察,xtype用起來的時候疑惑會比較多。甚至有些人根本忽略xtype,或者不清楚它是什么。所以我決定闡述一下這個xtype的概念。

定義

xtype就是一個代表類(Class)的標識名字。

譬如,你有這個類, " /> 蜜桃成人av,亚洲欧洲成人av每日更新,亚洲伊人伊成久久人综合网

色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

EXT中xtype的含義分析

序言

根據我在論壇上的觀察,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的含義分析,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 云南省| 宁都县| 中卫市| 罗江县| 阿图什市| 淮滨县| 天津市| 东乡县| 嘉义市| 肥东县| 盐源县| 白沙| 东阿县| 吴堡县| 富平县| 酉阳| 洪雅县| 夹江县| 玉林市| 德州市| 宜丰县| 台中市| 偏关县| 吉水县| 抚松县| 南木林县| 潮州市| 定兴县| 长葛市| 连山| 天津市| 武义县| 浙江省| 乐陵市| 贵阳市| 舞钢市| 宝应县| 瓦房店市| 车致| 华池县| 泉州市|