Ext JS的高級版本的新增功能

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

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

它是EXT JS和Sencha Touch的合并。

它可以添加為:

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

如果工具包是經典的，它包括Ext JS桌面應用程序框架。

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

工具包是一個可視化包，它對于不同類型是不同的，但它們的基礎是通用的，這是常見的核心，像兩個工具包的通用API。

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

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

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

Font awesome可與＆lt; i＆gt; 標簽和類屬性:

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

這兩個工具包有不同的大小組件可用，如經典有正常的大小，這是有益于桌面應用程序，因為現(xiàn)代的X時間更多，因為它可以在縮放屏幕時被拉伸。

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

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

經典網格具有網格電子表格模型的功能，其可以通過水平或垂直拖動當前選擇來擴展數(shù)據(jù)。

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

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

Browser Support in Ext JS 6

現(xiàn)代工具包

桌面

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

移動

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

經典工具包

桌面

• 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+