Ext.js Ext JS的討論

Ext JS的高級(jí)版本的新增功能

Ext JS 5

1. MVVM architecture: In Ext JS 5 the controller of MVC architecture is replaced by a viewmodel which is a model specific to view. This view model is basically used for binding data between model and different views. So with the help of this multiway binding is possible in Ext JS which was one of the shortcoming of this library.
2. Minimal modification for touch screen: Ext JS 5 has such functionality that the desktop application can be made to work on a tablet or a touch screen PC with minimal modifications.
3. Compatibility with Ext 4: It is completely compatible with Ext JS 4 or prior versions ans still supports MVC architecture so that the applications which are using Ext JS prior can still upgrade it to 5 and can continue with the existing code.
4. Themes: Ext JS 5 has included new themes:

• Neptune Touch:It had look and feel as basic Neptune theme with touch centric functionalities, such that theme should work properly for tappable elements also without any UI distortion.
• Crisp: This is similar to Neptune touch functionally but has different look and feel such as different colors, icons etc.

ResponsiveConfig {
   'width 1000':{
      region: 'west'
   }
}

Ext JS 6

它是一個(gè)單一的框架，用于創(chuàng)建應(yīng)用程序，可以在所有類型的設(shè)備，如手機(jī)，平板電腦，臺(tái)式機(jī)，筆記本電腦等工作。

它是EXT JS和Sencha Touch的合并。

它可以添加為:

“toolkit":“classic"，//或“modern"

如果工具包是經(jīng)典的，它包括Ext JS桌面應(yīng)用程序框架。

如果工具包是現(xiàn)代的，那么它包括sencha觸摸移動(dòng)應(yīng)用程序框架。

工具包是一個(gè)可視化包，它對(duì)于不同類型是不同的，但它們的基礎(chǔ)是通用的，這是常見(jiàn)的核心，像兩個(gè)工具包的通用API。

如果升級(jí)是形式Sencha觸摸而不是Ext JS，那么它有廣泛的好處，所有鼠標(biāo)事件將無(wú)縫地與此工作。

新主題“Triton"包括更加注重內(nèi)容，而不是裝飾，如圓角或虛線。 這個(gè)新主題使用字體awesome工具包。

Font awesome是一個(gè)工具包，它最好與bootstrap和具有大量的圖標(biāo)，其大小可以很容易地增加或減少基于使用的css類。

Font awesome可與＆lt; i＆gt; 標(biāo)簽和類屬性:

＆lt; i class =“fa fa-camera-retro fa-lg"＆gt;

這兩個(gè)工具包有不同的大小組件可用，如經(jīng)典有正常的大小，這是有益于桌面應(yīng)用程序，因?yàn)楝F(xiàn)代的X時(shí)間更多，因?yàn)樗梢栽诳s放屏幕時(shí)被拉伸。

新編譯器添加時(shí)尚用于構(gòu)建.scss文件。 Sencha cmd與phantom js可以使用時(shí)尚輕松地構(gòu)建.scss文件。

Ext JS 6提供了使用promises實(shí)現(xiàn)的功能。 Promises表示異步操作的結(jié)果，使代碼解除阻塞。 它照顧所有錯(cuò)誤發(fā)生時(shí)回調(diào)或之前。

經(jīng)典網(wǎng)格具有網(wǎng)格電子表格模型的功能，其可以通過(guò)水平或垂直拖動(dòng)當(dāng)前選擇來(lái)擴(kuò)展數(shù)據(jù)。

它提供響應(yīng)列模型，它的工作與ExtJS 5中添加的響應(yīng)配置差不多。例如，基于規(guī)則，可以決定使用哪個(gè)css類，這對(duì)不同的設(shè)備類型有幫助。

3D圖表包含在此版本的Ext JS中，它支持許多其他酷功能，如標(biāo)簽，圖例，突出顯示，工具提示和可配置的3D效果。

Browser Support in Ext JS 6

現(xiàn)代工具包

桌面

• IE11+
• Firefox and Firefox ESR (Latest 2 Versions)
• Chrome (Latest 2 Versions)
• Safari 7+

移動(dòng)

• IE11+
• Android 4.0+ Chrome
• Android 4.4+ Native
• Safari 7+

經(jīng)典工具包

桌面

• IE8+ (Strict DOCTYPE)
• Firefox and Firefox ESR (Latest 2 Versions)
• Chrome (Latest 2 Versions)
• Safari 7+
• Opera (Latest 2 Versions)

片劑

• Windows 8 Touch Screen - IE10+
• Android 4.0+ Chrome
• Android 4.4+ Native
• Safari 7+