This document summarizes the key updates and new features in Ext JS 6.7, including new components for grid filtering, locking, multi-select comboboxes, virtual scrolling, and color pickers for both classic and modern toolkits. It also describes updates to open tooling like ExtGen and ExtBuild to simplify app development and new IDE plugins for JetBrains, Eclipse, and Visual Studio. Links are provided to download Ext JS, access support, and try a free trial.

1. Sencha ©2019
What’s New in Ext JS 6.7
Sandeep Adwankar
sandeep.adwankar@sencha.com

2. Sencha ©2019
Sencha Ext JS 6.X – A History of Innovation
2
Ext JS 6.0
Ext JS 6.2
Ext JS 6.5
Ext JS 6.6
Ext JS CE
Ext JS 6.7

3. Sencha ©2019
Ext JS 6.7 – Key Goals
● Powerful new components for path
towards Classic Modern toolkit parity
● Tooling to support latest versions of
IDEs
● Customer requested enhancements
Most Comprehensive JavaScript Framework and Components

4. Sencha ©2019
Ext JS 6.7 Releases - Key Highlights
● Ext JS Modern
• Grid Filtering
• Locking Grid
• MultiSelect Combobox
• Virtual Scroller
• Color Picker
● Ext JS Classic
• Grid Updates
● Updates to Open Tooling
• ExtGen, ExtBuild, Cmd
New components, enhancements and tooling
• Ext JS Plugins
• JetBrains Plugin 6.0.12
• Visual Studio Plugin 6.0.7
• Eclipse Plugin 6.0.5
• Ext JS Examples
• Examples with open tooling support
• Ext JS Visual Tooling – Coming Soon
• Themer 1.3.5
• Architect 4.2.5
• Inspector 6.0.3

5. Sencha ©2019
Ext JS 6.7 – Modern Grid Filtering
● Grid column filter menu to enable
and disable column filtering
● Grid Filters
 Text
 Boolean
 Date
 Number
● Kitchensink example showing all
filters globally
Grid Filtering to match specified criteria

6. Sencha ©2019
Ext JS 6.7 – Modern Grid Locking
● Lock grid columns on the left region
or right region
● Grid column menu to show locked
status
● Kitchensink example to show all
locking capabilities
Grid Freeze pane lock similar to Excel

7. Sencha ©2019
Ext JS 6.7 – Modern Material Chip
● Compact material Chip that allows
● Entering information
● Making selection
● Filtering content
● Triggering actions
● Provide container with thumbnail
and text
Chip/Tag as dynamic interactive element

8. Sencha ©2019
Ext JS 6.7 – MultiSelect Combobox
● Multiple selection of values in the
combobox
● Specify platform config to change
chip look on mobile
● Supported keyboard navigation
Multiple chip selection in Combobox

9. Sencha ©2019
Ext JS 6.7 – Multiselect Select Field
● Multiple selection of values in
Select field
● Specify platform config to change
chip look on mobile
● Supported keyboard navigation
Multiple chip selection in select field

10. Sencha ©2019
Ext JS 6.7 – Modern Color Picker
● Color Palette using HSVA, RGB
● Multiple ways of using Color
Palette
 Color Button
 Color Field
 Color Selector
● Simpler version for mobile
Color Picker with multiple options for color selection

11. Sencha ©2019
Ext JS 6.7 – Virtual Scroller
● Infinite Grid and Infinite List uses
virtual scrolling be default
● Allows for number of rows
beyond browser’s normal scroll
range
Virtual Scrolling for Infinite list and Infinite grid

12. Sencha ©2019
Ext JS 6.7 Open Tooling - ExtGen
● Generate your first app with just one command
● Use any of four new app templates to create
desktop, mobile or cross-platform apps
● Interactive mode to guide you through
application creation mode
● Watch immediately changes to code in live
running app
Generate your first app within minutes

13. Sencha ©2019
Ext JS 6.7 Open Tooling - ExtBuild
● Node based lightweight Tool
● Simplifies building complex web apps with
multiple dependencies
● Effortless compilation, transpilation, and
bundling
● Backward compatibility with Sencha Cmd
Simplifies building complex apps

14. Sencha ©2019
Ext JS 6.7 NPM Packages
● Ext JS Framework, components and themes
available as NPM Packages
● Better manage versioning with NPM based
dependency management
● Sencha hosted private NPM repository to give
you access to latest releases
● Automated activations to easily convert from
trial to production framework
Better Maintainable Apps with Dependency Management
Theme Packages
Premium Packages
Core Packages
Classic
Toolkit
Modern
Toolkit

15. Sencha ©2019
Sencha Cmd 6.7
• Upgraded closure compiler
• Enhances control over compression options

16. Sencha ©2019
JetBrains Plugin 6.0.12
• Project Creation
• Code Completion
• Code Generation
• Code Navigation
• Code Inspection
• Code Refactoring
• Documentation Lookup
• Support for ExtGen generated apps
Supporting IDE 2018, 2017.2

17. Sencha ©2019
Eclipse Plugin 6.0.5
• Project Creation
• Code Completion
• Code Generation
• Code Navigation
• Documentation Lookup
• Sencha Cmd Integration
• Support for ExtGen generated apps
Supporting Photon, Oxygen, Neon

18. Sencha ©2019
Visual Studio Plugin 6.0.7
• Project Creation
• Code Completion
• Code Generation
• Code Navigation
• Documentation Lookup
• Sencha Cmd Integration
• Support for ExtGen generated apps
Supporting Visual Studio 2017

19. Sencha ©2019
Sencha IDE Plugins – Supported IDEs
IntelliJ Photon Enterprise
WebStorm Oxygen Professional
PHPStorm Neon Ultimate
RubyMine Mars Community
PyCharm Luna

20. Sencha ©2019
Download Ext JS 6.7
Free Trial
https://www.sencha.com/products/extjs/
evaluate/
Community Edition
https://www.sencha.com/products/eval
uate/
NPM Repo
https://npm.sencha.com
Support Portal
https://www.sencha.com/support/

21. Sencha ©2019
Questions?

22. Sencha ©2019
Thank You!
Blog
https://www.sencha.com/blog/
Free Trials – All Products
https://www.sencha.com/products/evaluate/
Support Portal
https://www.sencha.com/support/