Sencha Ext JS downloads statistics

Sencha Ext JS

This plugin provides support for the Ext JS and Sencha Touch frameworks.

To try the plugin for free for 30 days, you must have a valid Sencha Forum ID. If you do not have one, you can try the plugin as part of the Ext JS 8 trial. You'll be asked to download the file and register for a free Forum ID.

This plugin is available for purchase from the Sencha store as part of the Ext JS Pro and Ext JS Premium editions.

Sencha IDE Plugins Forum

Sencha JetBrains Plugin Guide

Licensing

JetBrains IDE Version Support

ExtJS Plugin v6.0.18

• IntelliJ 2023.3+ • WebStorm 2023.3+ • PhpStorm 2023.3+ • PyCharm 2023.3+

ExtJS Plugin v6.0.17

• IntelliJ 2023.2+ • WebStorm 2023.2+ • PhpStorm 2023.2+ • PyCharm 2023.2+

ExtJS Plugin v6.0.16

• IntelliJ 2022.2+ • WebStorm 2022.2+ • PhpStorm 2022.2+ • PyCharm 2022.2+

ExtJS Plugin v6.0.14

• IntelliJ 2020.2+ • WebStorm 2020.2+ • PhpStorm 2020.2+ • PyCharm 2020.2+

ExtJS Plugin v6.0.13

• IntelliJ 2019.2+ • WebStorm 2019.2+ • PhpStorm 2019.2+ • PyCharm 2019.2+

ExtJS Plugin v6.0.12

• IntelliJ 2018.2+ • WebStorm 2018.2+ • PhpStorm 2018.2+ • RubyMine 2018.2+ • PyCharm 2018.2+

ExtJS Plugin v6.0.10

• IntelliJ 2016.1+ • WebStorm 2016.1+ • PhpStorm 2016.1+ • RubyMine 2016.1+ • PyCharm 2016.1+

ExtJS Plugin v6.0.8

• IntelliJ 15.0.2+ • WebStorm 11.0.2+ • PhpStorm 10.0.2+ • RubyMine 8.0.2+ • PyCharm 5.0.2+

ExtJS Plugin v6.0.6

• IntelliJ 15.0.0 - 15.0.1 • WebStorm 11.0.0 - 10.0.1 • PhpStorm 10.0.0 - 10.0.1 • RubyMine 8.0.0 - 8.0.1 • PyCharm 5.0.0 - 5.0.1

ExtJS Plugin v6.0.5

• IntelliJ 14 • WebStorm 10 • PhpStorm 9 • RubyMine 7 • PyCharm 4

Requirements

• Ext JS 4+ or Sencha Touch 2+ • Sencha Cmd 4+ (optional)

Features

Code Completion (ctrl-space)

• config, method, and property names for all Ext JS and user classes • values for alias properties such as xtype, controller, viewModel, layout, etc... • event names in Component.on, .mon, .un, .mun, and listeners objects • css class names in all config properties and methods ending in 'cls' • this.lookupReference(...) in controllers with an alias • controller methods in listeners: { (event): (here) } as well as handler config property • model/store fields for Ext.grid.Column.dataIndex • properties from the ViewModel in bind configs

Inspections/Quick Fixes

• flags unused classes in the requires/uses arrays (can be configured to remove unused classes automatically via Preferences... Other Settings... Sencha) • flags classes in the uses/requires arrays which are already listed in parent classes • flags references to classes not in the requires/uses arrays (can be configured to add referenced classes automatically via Preferences... Other Settings... Sencha) • flags initComponent method without this.callParent() • flags references to unknown aliases such as controller: 'missingcontroller' and xtype: 'missingxtype' • flags references to unknown classes • flags class when namespace does not match the directory structure • flags class when name does not match the file name • flags references to missing controller methods in view event handlers, provides a quickfix to create the missing method.

Find Usages

• Right click on any class name to find usages

Project Tree Actions

• New Class (will automatically create subdirectories if "." is included - only available within an app or package) • New View Package (creates a directory containing a view, view model, and view controller - only available within the view directory of an app) • New App (requires Sencha Cmd - only available outside of an existing app) • New Workspace (requires Sencha Cmd - only available outside of an existing workspace)

Navigation

• provides click-through support for this.callParent() to navigate to the appropriate method on the parent class • provides click-through support for css class names in configs and methods ending in *cls

Refactoring

• rename file - updates the class name • move file - updates the class namespace

Project Templates

• New Ext JS App creates a new single app project using sencha cmd (sencha generate app - requires Sencha Cmd) • New Ext JS Workspace creates a new multi-app workspace project using sencha cmd (sencha generate workspace - requires Sencha Cmd)

Code Generation

• Generate... "Generate columns from model" - within a Ext.grid.Panel with a bound or declared store adds a column for each field in the store's model

Class Templates (right-click on project tree... New... Class... )

• Class • View • ViewModel • ViewController • Model • Controller • Store

Live Templates

• xc - Inserts Ext.create('', { })

Run Configurations

• Sencha App Watch (requires Sencha Cmd)

Spell Checking

• Adds many common Ext JS keywords such as xtype, xclass, and event names to the dictionary so they are not flagged as misspellings

The trial version of this plugin is valid for 30 days.