亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Ext.Loader

系統(tǒng) 1653 0

轉(zhuǎn)載:http://blog.csdn.net/yanwushu/article/details/8296372

?

Ext.Loader ExtJs4+ 中是動態(tài)加載的核心。一般通過 Ext.require ()使用。Ext.Loader同時支持同步和異步加載方式。這里,我們將討論這兩種加載方式的優(yōu)缺點。

?

異步加載

?

?

?

優(yōu)勢

?

?

跨域訪問

不需要 web 服務(wù)器 : 你能通過文件系統(tǒng)協(xié)議運行程序。比如 file://path/to/your/index.html

????????舒服的調(diào)試體驗:錯誤信息將返回確切的文件名字和行數(shù)。

?

?

缺點

?

????????依賴必須事先指定

?

使用方法

?

方法一:明確包含你想要的

?

[javascript] ? view plain copy
  1. //?Syntax? ??
  2. Ext.require({String/Array}?expressions);???
  3. ???
  4. //?Example:?Single?alias? ??
  5. Ext.require( 'widget.window' );???
  6. ???
  7. //?Example:?Single?class?name? ??
  8. Ext.require( 'Ext.window.Window' );???
  9. ???
  10. //?Example:?Multiple?aliases?/?class?names?mix? ??
  11. Ext.require([ 'widget.window' ,? 'layout.border' ,? 'Ext.data.Connection' ]);???
  12. ???
  13. //?Wildcards? ??
  14. Ext.require([ 'widget.*' ,? 'layout.*' ,? 'Ext.data.*' ]);???


?

方法二,明確排除你不想要的

?

?

[javascript] ? view plain copy
  1. //?Syntax:?Note?that?it?must?be?in?this?chaining?format.? ??
  2. Ext.exclude({String/Array}?expressions)???
  3. ???.require({String/Array}?expressions);???
  4. ???
  5. //?Include?everything?except?Ext.data.*? ??
  6. Ext.exclude( 'Ext.data.*' ).require( '*' );???
  7. ???
  8. //?Include?all?widgets?except?widget.checkbox*,? ??
  9. //?which?will?match?widget.checkbox,?widget.checkboxfield,?widget.checkboxgroup,?etc.? ??
  10. Ext.exclude( 'widget.checkbox*' ).require( 'widget.*' );???

?

同步加載

?

?

?

優(yōu)勢

????????它不需要事先指明依賴,事先包含 ext-all.js 是很方便的
?

劣勢

?

?

調(diào)試體驗不好,除非用 Firebug 調(diào)試 ,否則出錯的文件的名字不會顯示。

不能跨域請求,因為 XHR 的限制必須是相同的域名 。并且因為這個原因,必須有 web 服務(wù)

?

?

使用方法

?

?

可以遵守一個簡單的法則:用 Ext.create 代替new 關(guān)鍵字來 實例化對象。

?

15? Ext.create('widget.window',?{?...?});?//?Instead?of?new?Ext.window.Window({...});?

16? Ext.create('Ext.window.Window',?{});?//?Same?as?above,?using?full?class?name?instead?of?alias?

17? Ext.widget('window',?{});?//?Same?as?above,?all?you?need?is?the?traditional?`xtype`?

?

在后臺, Ext.ClassManager 會自動檢查給定的類名 或別名是否在頁面已經(jīng)存在。如果沒有, Ext.Loader 將會立即把它調(diào)整為同步模式,自動加載給定的類和它所有的依賴

?

?

混合加載


混合加載方式可以結(jié)合同步和異步加載的優(yōu)勢。開發(fā)流程非常簡單:
第一步 : 用同步的方式寫你的程序 ,Ext.Loader 將會自動按照需要獲取所有的依賴,因為它們在運行時需要。例如:

?

[javascript] ? view plain copy
  1. Ext.onReady( function (){???
  2. ???? var ?window?=?Ext.createWidget( 'window' ,?{???
  3. ????????width:?500,???
  4. ????????height:?300,???
  5. ????????layout:?{???
  6. ????????????type:? 'border' ,???
  7. ????????????padding:?5???
  8. ????????},???
  9. ????????title:? 'Hello?Dialog' ,???
  10. ????????items:?[{???
  11. ????????????title:? 'Navigation' ,???
  12. ????????????collapsible:? true ,???
  13. ????????????region:? 'west' ,???
  14. ????????????width:?200,???
  15. ????????????html:? 'Hello' ,???
  16. ????????????split:? true ???
  17. ????????},?{???
  18. ????????????title:? 'TabPanel' ,???
  19. ????????????region:? 'center' ???
  20. ????????}]???
  21. ????});???
  22. ???
  23. ????window.show();???
  24. })???


?

第二步:觀看控制臺的中如下的警告:

?

[javascript] ? view plain copy
  1. [Ext.Loader]?Synchronously?loading? 'Ext.window.Window' ;?consider?adding?Ext.require( 'Ext.window.Window' )?before?your?application's?code??
  2. ClassManager.js:432??
  3. [Ext.Loader]?Synchronously?loading? 'Ext.layout.container.Border' ;?consider?adding?Ext.require( 'Ext.layout.container.Border' )?before?your?application's?code??


在Ext.onReady上面添加加載依賴的代碼:
[javascript] ? view plain copy
  1. Ext.require( 'Ext.window.Window' );Ext.require( 'Ext.layout.container.Border' );??
  2. Ext.onReady(...);??

這樣,所有的東西都將通過異步的模式加載

?

?

發(fā)布

?

?

?

有一點很重要,動態(tài)加載至能在開發(fā)的時候在本機上使用。產(chǎn)品發(fā)布的時候,所有的依賴最好是組合成一個獨一的 JavaScript 文件 。Ext.Loader 使項目從開發(fā)維護發(fā)布之間轉(zhuǎn)換變得很容易 。在內(nèi)部, Ext.Loader.history 控制了你的項目所有依賴的加載順序的列表 。把這個列表中的所有依賴壓縮成一個,然后把它包含在你項目的最頂部。這個處理過程將會使用SenchCommand 自動完成。

?

Ext.Loader


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 97激情 | 黄色免费观看视频网站 | 中文字幕伦理聚合第一页 | 久久国产美女免费观看精品 | 天天碰免费视频 | 色综合久久一本首久久 | 91午夜精品亚洲一区二区三区 | 日本在线观看成人小视频 | 四虎免费在线观看 | 色香蕉网站| 99在线视频精品 | 天天综合天天操 | 色综合久久久久综合99 | 亚洲精品美女久久久久网站 | 亚洲综合网站 | 91精品国产福利尤物免费 | 日韩在线第三页 | 亚洲高清毛片 | 欧美日韩一区在线观看 | 国产成人亚洲综合91精品555 | 亚洲国产精品久久久天堂 | 最新国产麻豆精品 | 国产大片中文字幕在线观看 | 日日摸夜夜爽日日放碰 | 国产精品夜色7777青苹果 | 日韩精品中文字幕在线观看 | 97干干| 久久精品亚洲精品国产色婷 | 人人爽天天爽夜夜爽qc | 精品国产九九 | 国产亚洲一欧美一区二区三区 | 伊人69| 久草在线在线观看 | 国产精品久久天天影视 | 日韩国产午夜一区二区三区 | 国产成人精品s8p视频 | 日本免费一二三区 | 草久视频在线观看 | 国产99视频精品免视看7 | 国产亚洲精品自在久久77 | 久久久精品免费热线观看 |