Introducing Ext JS 5 Beta

Posted on in Ext JS 5 Sencha

Last week was a very important week for Sencha. We recently introduced Ext JS 5 to the public. It's now possible to try out the beta version!

As a Sencha employee I already had early access to this framework; that gave me enough time to play around with it. ..and I have to say... I love it!

Ext JS 5, is another step closer towards Sencha Touch. It shares a lot of code with Sencha Touch it allows the same code to power both desktop and touch device experiences, with a gesture system inspired by Sencha Touch.

Tablet support

Ext JS 5 supports IE8+ and the latest tablet platforms such as iOS6/7, Chrome on Android 4.1+, and Win 8 touch-screen devices (such as Surface and touch-screen laptops) running IE10+.

MVVM application architecture

Another very important feature of Ext JS 5 is support for a popular alternative to MVC: MVVM (standing for Model-View-ViewModel). One of the big attractions to MVVM is data binding. With data binding, you no longer have to write all of the “glue” code to connect the model layer to the view and update the model when the view is modified.

That's not all. There are lots of other cool features. I summarized a list with all the new topics:

  • Core, Class System: Private Methods, Class System change to merge with Sencha Touch, Data Package, Events, Utilities & Feature/Environment dection
  • Application Architecture, Additional MVVM (Model, View, ViewModel), Sencha Ext 4 MVC still exists, Two-way data binding, View Models, View Controllers, Routing
  • Data Package, Model validation Binding, Many to Many Associations, Chained Stores, Data Sessions, Heterogeneos Stores and TreeStores, Offline Proxies (from Touch, LocalStorage, SessionStorage, SQL)
  • Forms, Custom Field Types, Field layouts, Layout free containers, Textfield triggers
  • Tablet/ Touch Support, Neptune Touch theme, New Crisp (iOS 7 like) Theme, Event System, Gestures support
  • Grids, Widget Column (component cells), Widgets (Progress Bar, Slider, Sparkline), Buffered Updates, Cell updates, Rendering Optimizatons
  • Sencha Charts, Sencha Touch charts package, Legacy Charts available atleast till 5.1
  • New components / classes, Multi-select grid, Tag field, Ext.mixin.Mashup, Ext.dashboard.Dashboard
  • Other, Compatibility Layer, Sencha Cmd 5

Take a look into the Ext JS 5 API Docs and "What's new"-guides, to play around with all these new goodies! I'm sure, you'll love it too.

Handy Links

Comments

  1. Partha says on
    May 17, 2014 at 12:07 pm
    Reply

    hi lee,
    Is EXTJS 5 is responsive for UI perspective?
    Infact i have developed a application in 4.2.According to requirement, it will run on desktop and i-pad.

    any solution will be appreciated…

    • Lee says on
      May 22, 2014 at 3:53 pm
      Reply

      Hi Partha, ExtJS5 is not not responsive like responsive webdesign (such as Twitter Bootstrap etc..), however, Ext 5 has really nice touch enabled StyleSheets. For example the icons and grid rows are bigger or have more space, so you don’t tap the wrong item.
      Also the whole event system enables touch support, and lots of the code is merged with Sencha Touch.
      Therefore, if you want to create a desktop application that should also run fluent on a tablet (or even on a phone), Ext 5 is a good solution!

Post a Comment

Your email is never published nor shared.
Required fields are marked *