Ext.js Ext JS的討論

2018-12-28 10:12 更新

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.
  • View specific controller: Ext JS 5 is using viewmodel functionality but still we can have a controller which is also specific to a particular view, so now we do not have a global controller like we had in the previous versions but a controller which is associated with a specific view instance.

    查看控制器以簡化的方式連接事件,因此不必?fù)?dān)心內(nèi)存泄漏。

  • Formulas in view model: Introduction of formulas in model has made it logically easy. Formula in models is like creation of particular data with the other data. In previous versions of Ext JS we were doing the same in renderer in grid column.
  • Responsive config: In Ext JS 5 we have configs which are responsive as in the config value is applicable only when some rule is true.
    ResponsiveConfig {
       'width 1000':{
          region: 'west'
       }
    }
    
  • New widgets:New charts which work for both Ext JS and sencha touch , in tabpanel icon alignment, text rotation new features added, addition of Breadcrumb bars etc.
  • Sparkline in grid: Now in Ext Js 5 we can have charts in grid column
  • Multiway filtering, sorting:In Ext JS 5 multiway filtering and sorting is added, now we can choose multiple filters to filteration.
  • Ext JS 6

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

    它是EXT JS和Sencha Touch的合并。

    它可以添加為:

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

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

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

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

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

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

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

    Font awesome可與< i> 標(biāo)簽和類屬性:

    < i class =“fa fa-camera-retro fa-lg">

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

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

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

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

    它提供響應(yīng)列模型,它的工作與ExtJS 5中添加的響應(yīng)配置差不多。例如,基于規(guī)則,可以決定使用哪個css類,這對不同的設(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+

    移動

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

    以上內(nèi)容是否對您有幫助:
    在線筆記
    App下載
    App下載

    掃描二維碼

    下載編程獅App

    公眾號
    微信公眾號

    編程獅公眾號