We are pleased to announce the general release of Sencha Ext JS 7.0. In this post, we’ll go over the Ext Javascript Web Framework and its tooling’s exciting, new, and improved features. Are you interested in the new Sencha Ext JS 7.0 & Tooling GA? Continue reading to find out more.
Table of Contents
Highlights
- 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
- We are announcing the release of the framework-agnostic ExtWebComponents, a new product that gives developers the ability to easily build complex data-rich enterprise applications with Ext JS components as HTML elements, with any JavaScript framework of choice, or no framework at all.
Modern Toolkit Enhancements
- Froala WYSIWYG HTML Editor – Froala, a light-weight WYSIWYG HTML Editor written in JavaScript, is now a part of Ext JS framework. Edit your application code using the smartest, feature-rich editing capabilities
- 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
Upgrade Tools
ExtGen migrate has the ability to help migrate your application dependencies to the latest releases
ExtAngular
Element name changes: <grid> to <ext-grid>
ExtReact
Upgrade to the latest version, 7.0
ExtMoveToLatest
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.
Tooling
- Architect has been upgraded to support 7.0 and the new components
- Sencha Extension works great in the latest version of VS Code
Sencha Themer
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
- Use your ExtWebComponents in React, Angular, Vue, and any Javascript application
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
Sencha Test
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 6.7.0.237 released August 6, 2019. It appears the nightlys have stopped building since that date.
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?
Congratulation for the release.
Hi,
Doex ExtJS 7.0(Modern) has Grid Columns locking feature?. I think its not available in 6.7 Version.
Thank you
Ganga
yes, locked grid is available:
https://examples.sencha.com/extjs/7.0.0/examples/kitchensink/?modern#locking-grid
Great advancement for ExtJS!
I hope WebComponents can expand the community, because it’s a great opportunity to use ext components with or without any other framework. It would be also great if we could import extjs components, without importing ~2mb of javascript half of which is not maybe used.
I also noticed that you did not use “shadow dom” in web components. Is there any specific reason for this ?
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
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!
Hello, the download page https://www.sencha.com/legal/GPL/ is not working,
last week I tried, now I tried again, and is not working
Browser: Chromium
OS: Linux (Slackware)
Platform: x64
Apparently there are fields that are not visible, and it says you must fill all the required fields, but they are not visible.
Those fields are “Operating System” and “Download with”
Fix it please, so those who use in Linux platforms can work with this so long awaited package.
Thanks. And congratulations for not killing the GPL branch of the wonderfull (because of its community) Javascript Framework
Hi Pablo,
This GPL release is available via npm only given the growing ask to provide downloads via npm. This means that operating system and download with fields are not required. Is it possible that you are seeing an older form, perhaps? Could you try flushing out your browser cache and re-try? You should not see any issues, but if you do, pls email me at [email protected]. Thanks.