On behalf of the entire Sencha team, we’re excited to announce the release of Ext JS 6.5.1 and Sencha Cmd 6.5.1. These releases are focused on enhancement requests from customers as well as resolving issues reported by the community. The enhancements are primarily for the Modern toolkit, so you can deliver rich experiences for mobile as well as desktop.
Table of Contents
Ext JS 6.5.1 Highlights
- New Component and Plugin including support for Displayfield component and Clipboard plugin for Modern Grid
- Overflow Enhancements including support for toolbar overflow, tab panel with overflow scrolling support, and automatic tooltips for grid cell text overflows
- Pivot Grid Enhancements with support for more Excel-like features including the option to handle large data sets with null values
- Support for Exporter in Tree Grid
- Hundreds of minor improvements and bug fixes
- Optimizing app builds for dynamically loaded packages
- Updates to the Kitchen Sink Examples and live Employee Directory application
Try It Out
- Customers can download Ext JS 6.5.1 and Cmd 6.5.1 by visiting the Support portal
- Download the free 30-day trial of Ext JS 6.5.1 and tools
- View the Ext JS 6.5 examples on any device
- Read the What’s New in Ext JS guide
What’s New in Ext JS 6.5.1
Ext JS 6.5.1 includes multiple enhancements to Grid, Tree Grid, Pivot Grid, tabs, toolbars, forms, date panel, and more. Below are the key changes to Ext JS components.
Grid
Ext JS Grid, along with the selectable
config in Grid, now also support the Clipboard plugin. The Clipboard plugin supports multiple formats including html for rendered html tags, text, and raw for underlying field values based on dataindex and cell.
Grids often need to show extra details that may not fit in a column’s cell or header. Now, you can configure an overflow tip. When a cell in a grid has more text than fits, it will show an ellipsis. When a user hovers over that cell, it will show a tooltip with the entire text.
Number field validations and modified cell renditions have been improved in the grid as well.
Tree Grid
The Tree component is closely related to Grid and shares many of its features such as Grid plugins for editing content. With Ext JS 6.5.1, you can use the “Exporter” plugin to export selected rows in the tree grid along with the header and summary row.
Tab Panels
Tab panels now support overflow scrolling, so your application can have multiple tabs that can be easily scrolled along with support for ripple and indicator animation. With overflow handler controls, you have complete control to enable or disable scrollbar visibility.
Pivot Grid
The Pivot Grid aggregator functions now provide options that behave more like Excel. Your data sets can include null values, and you have the option to ignore null values, just like in Excel, using the property calculateAsExcel. The count numbers function of Excel is supported in both the Configurator as well as Exporter plugins.
Date Panel
With Ext JS 6.5.1, we’ve made multiple styling improvements to the datepanel
component including a rounded style for Selected date and Today’s date. There is also a UI mixin for datepanel
that allows you to easily create custom themes.
What’s New in Sencha Cmd 6.5.1
Sencha Cmd 6.5.1 helps you to create optimal builds for large web applications. It includes the following key features:
Minimum Build for Dynamically Loaded Packages
In Ext JS 6.5.0, the build output for applications that used the new dynamic package loader included all framework classes. That was because the dynamically loaded packages were built separately and their framework dependencies were not known to the application.
With Ext JS 6.5.1, the class requirements of dynamic packages can be passed to the application build and allow it to include only those classes needed, as shown below:
"output": { "js": { "filter": "minimum" } }
Manually Exclude Classes from Build
You can now manually exclude class names from the build. This is helpful for removing code that is detected by the Sencha Cmd auto dependency scanner, but is not actually used by your application. For example:
"js": { "exclude": [ "Ext.data.BufferedStore", ... ] }
Learn more by reading the What’s New in Sencha Cmd 6.5 guide.
Try It and Share Your Feedback
We hope you enjoy building great apps with Ext JS 6.5.1 and Cmd 6.5.1 and look forward to reading your feedback in the Ext JS forum and the Sencha Cmd forum.
Looks great, thanks for all the hard work!
Will this be a GPL release? If not when will the next one be? Those of us working hard to show off Ext JS in open source projects would love to keep up.
Thanks Chris! The next GPL version will be Ext JS 7.
why? There hasn’t been a GPL since 6.2.0.
Looks like the GPL version lags the commercial release, by how much (what is the process?)
Hi!
We plan to release GPL version for every major release. We also plan to release GPL version of a release (patch version) that immediately follows a major release. Thanks!
Awesome jobs, guys.
Found an issue as soon as I update: In any event of a textfield (only tested with it), if you call this.focus() on it, you can’t do anything else, like this.setValue(). I had some trouble today refactoring my code to add this.focus() in the end of the function. Since this is an common event to every field, I think it affects them all.
Thanks!
Hi Rafael,
Thanks for trying out 6.5.1. We’ll look into the issue you are seeing.
If you want to dig into it further and discuss it, it would be really helpful to take the details over to our forum (https://www.sencha.com/forum/forumdisplay.php?134-Ext-6-Bugs) where we can link to our bug tracker.
Thanks again!
Best,
Don
Looks like you guys forgot to update the offline docs. It hasn’t been updated for the last couple versions: https://docs.sencha.com/misc/guides/offline_docs.html
The GPL version of Ext JS has not been updated either.
Hi!
We have been updating offline docs for every release. You can now find offline docs directly from the product menu in release version# submenu in docs web page. Here is the direct link for Ext JS 6.5.1,
docs.sencha.com/downloads/extjs-651-docs.zip
Thanks!
So what is the policy for issuing a GPL release? I wish Sencha would just go full on open source and put all this nonsense behind it. Seems to me adoption would go through the roof and you could just make revenue as a services company and selling support.
>>> I wish Sencha would just go full on open source and put all this nonsense behind it
You can purchase ExtReact for $695 for a single license. This is not a lot of money.
ES6 is great future … but
“output”: {
“js”: {
“version”: “ES6”
}
}
… but what is the right syntax for using ES6 application in the workspace ?
“output”: {
“base”: “${workspace.build.dir}/${build.environment}/${app.name}”,
“page”: “index.html”,
“manifest”: “${build.id}.json”,
“js”: “${build.id}/app.js”,
“appCache”: {
“enable”: false
},
“resources”: {
“path”: “${build.id}/resources”,
“shared”: “resources”
}