EXT中xtype的含義分析(轉(zhuǎn))

根據(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)記:需要的時候才實例化捎琐。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末挺物,一起剝皮案震驚了整個濱河市漓帚,隨后出現(xiàn)的幾起案子限番,更是在濱河造成了極大的恐慌,老刑警劉巖想幻,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異话浇,居然都是意外死亡脏毯,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門幔崖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來食店,“玉大人,你說我怎么就攤上這事赏寇〖郏” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵嗅定,是天一觀的道長自娩。 經(jīng)常有香客問我,道長渠退,這世上最難降的妖魔是什么忙迁? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮碎乃,結(jié)果婚禮上姊扔,老公的妹妹穿的比我還像新娘。我一直安慰自己梅誓,他們只是感情好恰梢,可當(dāng)我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布佛南。 她就那樣靜靜地躺著,像睡著了一般嵌言。 火紅的嫁衣襯著肌膚如雪嗅回。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天呀页,我揣著相機(jī)與錄音妈拌,去河邊找鬼。 笑死蓬蝶,一個胖子當(dāng)著我的面吹牛尘分,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播丸氛,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼培愁,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了缓窜?” 一聲冷哼從身側(cè)響起定续,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎禾锤,沒想到半個月后私股,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡恩掷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年倡鲸,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片黄娘。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡峭状,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逼争,到底是詐尸還是另有隱情优床,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布誓焦,位于F島的核電站胆敞,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏杂伟。R本人自食惡果不足惜竿秆,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望稿壁。 院中可真熱鬧幽钢,春花似錦、人聲如沸傅是。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至帽驯,卻和暖如春龟再,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背尼变。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工利凑, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人嫌术。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓哀澈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親度气。 傳聞我的和親對象是個殘疾皇子割按,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)磷籍,斷路器适荣,智...
    卡卡羅2017閱讀 134,656評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,129評論 25 707
  • 22年12月更新:個人網(wǎng)站關(guān)停,如果仍舊對舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
    tangyefei閱讀 35,182評論 22 257
  • 關(guān)注咬它 跟我一起圍觀小它和蟹蟹的逗比生活吧~ 原文中此處為鏈接院领,暫不支持采集 原文中此處為鏈接弛矛,暫不支持采集 原...
    姑娘二十歲閱讀 172評論 0 0
  • 阿備是我初中時的男同學(xué),我對他最深的影響是:瘦高個子比然,戴著眼鏡丈氓。分別三十年,直到去年才在同學(xué)群里又跟他相見谈秫。在...
    卡蘭諾閱讀 449評論 3 4