Sencha Ext JS 7.7 is Here – Discover What’s New and Exciting – LEARN MORE

Announcing Ext JS 6.5.1 and Sencha Cmd 6.5.1 GA

July 20, 2017 1 Views

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.

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

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.

Sencha Ext JS 6.5.1 - Grid

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.

Sencha Ext JS 6.5.1 - Grid Improvements

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.

Sencha Ext JS 6.5.1 - Tree Grid

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.

Sencha Ext JS 6.5.1 - Tab Panels

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.

Sencha Ext JS 6.5.1 - Pivot Grid

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.

Sencha Ext JS 6.5.1 - Date Panel

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Ready to get started?

Create an account now!

Latest Content
Highlights of Virtual JS Days 2024

Highlights of Virtual JS Days 2024 From February 20-22, 2024, we held the third Virtual…

From the GM’s Desk 2023: An Exciting Year for Sencha & Ext JS 7.7

We are past the midpoint of 2023 and we are very proud of what we…

Sencha MVP Spotlight: Animap - The Historical Research Tool with Andy Allord

Welcome to our Developer Spotlight Series, where we showcase the remarkable talents and achievements of…

See More
WP_Term Object ( [term_id] => 84 [name] => Cmd [slug] => sencha-cmd [term_group] => 0 [term_taxonomy_id] => 84 [taxonomy] => category [description] => [parent] => 0 [count] => 42 [filter] => raw [term_order] => 17 [meta] => Array ( ) [cat_ID] => 84 [category_count] => 42 [category_description] => [cat_name] => Cmd [category_nicename] => sencha-cmd [category_parent] => 0 ) sencha-cmd
WP_Term Object ( [term_id] => 90 [name] => Ext JS [slug] => sencha-ext-js [term_group] => 0 [term_taxonomy_id] => 90 [taxonomy] => category [description] => [parent] => 0 [count] => 328 [filter] => raw [term_order] => 22 [meta] => Array ( ) [cat_ID] => 90 [category_count] => 328 [category_description] => [cat_name] => Ext JS [category_nicename] => sencha-ext-js [category_parent] => 0 ) sencha-ext-js

Recent Articles

View More

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”
}

by Andrei Toropov on August 3, 2017

>>> 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.

by Les on July 26, 2017

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.

by bc on July 25, 2017

Leave a Reply

Your email address will not be published. Required fields are marked *

coming soon

Something Awesome Is

COMING SOON!