Ext JS 7.8 Has Arrived!

The Sencha team is pleased to announce the latest Ext JS version 7.8 release. Following the 7.7 release, which included numerous quality enhancements in Ext JS for Modern and Classic Toolkits for customer requests focused on Grid, Timefield, Chart, TreePanel and much more.
Ext JS 7.8 includes Froala as a new feature for the classic toolkit, improvements to CheckBox, Grid and DataView, highly requested features for Grid, Combo, CheckBox, Chart, Date Field, TreePanel, Store and more, along with quality improvements in both toolkits.

Check out the highlights of Ext JS 7.8 below.

What’s New in Ext JS 7.8

Extending our existing Froala Editor support from Modern to Classic
Froala editor is now available with a classic toolkit supporting all major web browsers Froala supports.

Ext.define(SenchaApp.view.froalaeditor.Editor', {
    extend: 'Ext.form.Panel',
    requires: ['Ext.froala.EditorField'],

    xtype: 'froala-editor',
    title: 'Ext.froala.EditorField inside a form panel',
    layout: 'fit',
    scrollable: 'y',
    frame: true,
    width: '100%',
    bodyPadding: 10,

    bbar: ['->', {
        text: 'GETVALUES()',
        formBind: true,
        handler: function(button) {
            var form = button.up('form');

            Ext.Msg.alert('getValues()', Ext.JSON.encode(form.getValues()));
        }
    }],
    items: [{
        xtype: 'froalaeditorfield',
        allowBlank: false,
        minHeight: 400,
        // The "editor" config is for native Froala configuration
        editor: {
            autofocus: true,
            fontSize: ['10', '12', '16', '24'],
            quickInsertEnabled: false
        },
        name: 'html',
        margin: 20,
        value: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
    }
    ]
});

Improvements to the checkbox component theme

The checkbox’s color shade is adjusted to match the user’s selected material theme color scheme.

Grid Improvements

• Enhanced the read-only cell feature in Grid to support clipboard pasting.
  
• Implemented keydown and keyup events for Grid and DataView child items.

Latest Java and Node Support

Sencha command (CMD), ext-gen, Sencha Architect, and Sencha Themer now support Ext JS apps built with the most recent LTS Java 17 and 21 and Node 20 versions.

Closure Compiler Upgrade

The closure compiler has been upgraded to support up to ES14 (2023) syntax. The key to transpilation is to specify the output as `ANY`.

"language": {
   "js": {
       "output": "ANY"
   }
}

This will skip any ES14 to ES5 transpilation. For more information, please see the documentation here.

Quality Improvements

The latest 7.8 release also addresses numerous customer requests. Notable quality updates include:

• Improved Combobox support with a virtual store enabling users to choose the desired record
• Improved the SVG engine in Charts to display chart labels
• Improved MessageBox for callback Handlers
• Modern ComboBox store now supports the id field
• Anchor tags in the DataView element now have better accessibility and focus on links during tab navigation
• Quality improvements for ComboBox the Grid using Cell Editor
• Ext.Date.align has been enhanced to produce a more consistent output
• Improved Japanese localization for the picker and date picker components.
• Improved Sencha Architect to support restoring archive projects
• Addressed issues with Upgrade Advisor config warnings
• Improved Sencha Ext JS kitchensink example

IDE Plugins

• An updated Sencha JetBrains plugin with IDE version 2023.3.3 support along with quality improvements
• Updated Sencha Visual Studio Code plugin to support IDE version 1.87.
• Numerous quality enhancements

Please refer to the IDE Plugins documentation for further details.

ExtGen and Sencha Cmd

• CMD improvements for closure compiler and Open tooling/NPM improvements.
• Migrated script engine from deprecated Nashorn to support the latest Java 17 and 21 LTS versions.
• Updated ExtGen and Sencha Cmd to support Ext JS 7.8.

Please refer to the CMD documentation for further details.

Version Support

Provided support for Ext JS 7.8 in Sencha Upgrade Advisor, Sencha Architect, IDE Plugins and Sencha Themer. Please visit the Support Portal and download the latest versions.

Ready to check out the Ext JS 7.8 documentation?

We are working hard to serve our community better in all areas. Please do try out our new Ext JS 7.8:

• Download Ext JS 30-day free trial
• Getting Started Guides
• Check out the updated Resource Center
• KitchenSink examples

Be sure to follow us on Twitter and our YouTube Channel for updates. Until next time, let’s build great apps and happy coding.

Looking to Upgrade to 7.8?

The free-to-use Ext JS Upgrade Adviser tool helps identify code changes required to migrate to the latest Ext JS version. Give it a try!

Join to Sencha Discord Server
Are you looking for community engagement? Want to help, learn and share with many Ext JS experts? Join Sencha Discord Server now for free and be part of our community!

• Sencha MVPs are there.
• Sencha developers are there.
• Expand awareness of Sencha products
• Community Engagement and Contributions
• And more…