We are proud to announce the general availability of Sencha Ext JS 7.0. In this post we will cover details about the exciting, new and improved features of Ext JS framework and tooling. Read on to learn more.
Table of Contents
- Ext JS Modern framework has been improved extensively. We now recommend starting off with our Modern toolkit for desktop and mobile development. There are further improvements in ExtGen, the application generation tool, as well as ExtReact, ExtAngular, and CMD.
- 7.0 VSCode extension support for VSCode
Modern Toolkit Enhancements
- Tree Drag and Drop – Easily move and reorder tree menus
- CheckBoxGroup Form Component – Group collection of checkbox buttons in a flexible format
- RadioGroup Form Component – Customize option selection with radio buttons
- Breadcrumb Toolbar – Present information in an easily navigable hierarchical format
- Accordion Panel – Support multiple expandable/collapsible panels
- Localization support for 10 additional languages: Dutch, Danish, Italian, Czech, Norwegian, Finnish, Russian, Korean, Japanese, Simplified Chinese
- Accessibility improvements: Keyboard/Focus Management, Tab Indexing
- Quality improvements throughout the modern and classic toolkit covering over 70 customer requests
- Grid enhancements
- Cross Platform Development
- Improved support for multiple device types: phone, table and desktop. Cross platform development can be done in a single Ext JS project—Ext JS Universal application
- All device types can now be written in the modern toolkit
- Share code between modules, stores and view controllers
Classic Toolkit Enhancements
- Material theme is now part of Classic Toolkit.
- See classic material theme in action.
App Generation Tools
- ‘universalmodern’ template option added to ExtGen application generation tool
- ‘classicdesktop’ with material theme now part of classic application generation options
ExtGen migrate has the ability to help migrate your application dependencies to the latest releases
Element name changes: <grid> to <ext-grid>
Upgrade to the latest version, 7.0
ExtAngular, ExtReact, ExtJSReactor, & ExtWebComonents npm dependencies and webpack upgraded to the latest version
Sencha Upgrade Advisor
Identify code changes required to port over your application to a particular Ext JS version.
- Architect has been upgraded to support 7.0 and the new components
- Sencha Extension works great in the latest version of VS Code
Upgraded to work with Ext JS 7.0 and other products—ExtReact, ExtAngular and ExtWebComponents
New Product: ExtWebComponents
To open up the gateway for developers to take advantage of our feature-rich components with any framework of choice or a framework-less development, we are excited to announce a new product—ExtWebComponents.
ExtWebComponents makes application development flexible. Our extensive suite of Ext JS components are available as standard web components, a set of standard browser APIs which can use custom HTML elements to build framework agnostic applications. Developing your next modern application with data-rich enterprise ExtWebComponents is easier than you think.
- Get all the dependencies from the Sencha npm repository
- Use ext-web-components-gen to generate applications
- Use over 115+ UI web components
- Build cross-platform applications using the cross-platform layout system for components
- Use Sencha Themer to theme your ExtWebComponents application
Getting Started with ExtWebComponents
- Read the Getting Started Guide
- Check out the KitchenSink examples for hundreds of components
Froala WYSIWYG HTML Editor
Froala Editor is a lightweight WYSIWYG HTML Editor with a clean design interface that enables rich text editing capabilities. Froala Editor is now available as a web component.
Learn how to integrate Froala in your application
Version 2.3 (releasing soon!) supports Ext JS 7.0 and offers several improvements such as better integration & logging support with CI tools, NPM packages for build systems in standalone mode and many more. Stay tuned for the release announcement!
Looking to Upgrade to Ext JS 7.0?
- Upgrading to Ext JS 7.0 provides access to new and improved Ext JS features. Don’t stay stuck on older versions, use ext-gen migrate to update the dependencies of your application
- Use Ext JS Upgrade Adviser to help identify application code changes required to move to version 7.0
Try Ext JS 7.0
We invite you to try Ext JS 7.0. Here’s how you can jump start your application development with the coolest new features.
- Download the Ext JS 7.0 30-day free trial
- View the Ext JS Kitchen Sink Examples on any device
- Read the Getting Started with Ext JS Guide
I’m elated to hear that Architect is supported!! It was starting to lag behind since it only supposed 6.6 and not 6.7. I was getting worried because some of us rely very heavily on it!
But how do I download the new version of architect?
The support portal only shows Sencha Architect 4.2.5 released March 11, 2019.
Also the latest version of ExtJS on the portal is the nightly 184.108.40.206 released August 6, 2019. It appears the nightlys have stopped building since that date.
Marc Gusmano says
Sencha Architect 4.2.6 is now available in the support portal…
Yes architect 4.2.6 is here! However you cannot download extjs 7.0 with the built in package manager. Cmd 7.0 is on the list, but it seems to give an error because it requires Ext 7.0 for that to even function. I think this is bugged.
There is no “upgrade menu” either for 6.7 or 7.0 still, so I guess only 6.6 is maximum supported ExtJs version? Is there an ETA when these features will be available? We like to keep our app ecosystem on the latest and greatest.
It’s still available under GPL?
Wemerson Januario says
Congratulation for the release.
Doex ExtJS 7.0(Modern) has Grid Columns locking feature?. I think its not available in 6.7 Version.
Marc Gusmano says
yes, locked grid is available:
Arda Beyazoglu says
Great advancement for ExtJS!
I also noticed that you did not use “shadow dom” in web components. Is there any specific reason for this ?
Marc Gusmano says
This is Marc Gusmano – I am the architect for the ExtWebComponents (EWC) product
Thanks for the comments on EWC – yes, we also feel that EWC is a great opportunity to use our components in any library or framework – or no framework at all (since the browser recognizes the new elements natively)
We did consider the use of shadow DOM – the issue we found is that because we currently use a theme to style all of our components, that theme is best used globally – the shadow DOM ‘hides’ any css it uses, which is not the best for a set of components like the ones we have – plus, each component importing the theme really starts to increase the downloads – since each component is isolated and each component would be downloading the same theme css files.
Congratulations on the release! We’ve gotten some good usage out of Sencha Test and I’m very much looking forward to trying out the new version.
How can I download ExtJS 7.0 SDK with sencha cmd, not open tooling? I requested trial, but all the links in the email is for open tooling
Samantha Dean says
Congrats! I am happy to know this news and I am looking forward on trying the new release by myself. Thanks for the new product!