27. NEW
CodePush uploads your JavaScript
package to the cloud (Azure)
After building your Sencha app, run:
$ cd cordova
$ code-push release-cordova [app] [platform]
Phone asks, “Hey, Azure! Do you
have an update for me?”
Azure says, “Yup! Here’s a ZIP
with all the web assets.”
Code-Push extracts ZIP and
replaces the contents of /www
Code Push Workflow
This shows how code completion will work for Properties, xtypes, keys in configs as well as events.
For instance, if you were to start typing “xtype: ” and on control space, you would be presented with a list of all available xtypes. As you continue typing, the suggestion list will filter until you arrive at the xtype you seek. At which point, you can simply select the item.
This functionality enables users to quickly move throughout their application without the need for searching a tree or directory structure.
With the Sencha Visual Studio Plugin installed, you can right-click (or use the standard F12 shortcut key) on any of the following and select “Go to Definition” to view an item’s definition.
This functionality enables users to quickly move throughout their application without the need for searching a tree or directory structure.
With the Sencha Visual Studio Plugin installed, you can right-click (or use the standard F12 shortcut key) on any of the following and select “Go to Definition” to view an item’s definition.
You can create a basic project type containing an example of a Web API project configured to use Ext JS through the ‘New Project’ action.
Upon selecting it, the App Generation wizard will appear as you can see. It will be populated with Sencha Cmd location, ExtJS SDK location, theme and toolkit. You can change it as well. This will generate example application.
This is an ASP.NET application utilizing Web API (for Web Services, for example), with an Ext JS application baked in the Sencha directory. You can click the ‘Run’ button (or press Control + F5) to launch the system web browser with the application hosted by IISExpress.
Once an Application has been generated, you can easily start Sencha App Watch to begin development with the Sencha’s Cmd web server based on Jetty web server.
To start/stop Sencha Cmd’s ‘app watch’ command at any time, simply right click on the root Ext JS application folder to display the context menu and select ‘Run Sencha App Watch’.
One Cmd has started, you will see Sencha Cmd’s output in the console view and your application will be available at location provided
Stop the process at any time by right clicking the Ext JS application root again and selecting ‘Stop Sencha App Watch’.
Once an Application has been generated, you can easily start Sencha App Watch to begin development with the Sencha’s Cmd web server based on Jetty web server.
To start/stop Sencha Cmd’s ‘app watch’ command at any time, simply right click on the root Ext JS application folder to display the context menu and select ‘Run Sencha App Watch’.
One Cmd has started, you will see Sencha Cmd’s output in the console view and your application will be available at location provided
Stop the process at any time by right clicking the Ext JS application root again and selecting ‘Stop Sencha App Watch’.
Originally made by Nitobi and purchased by Adobe in 2011.
Building great looking data-intensive web applications has never been easier with Ext JS 6.2, Themer 1.0, and Architect 4.0. Join us for our upcoming webinar where you’ll learn about:
- New Calendar component that helps users easily view or manage schedules, and events
- D3 Adapter, which enables you to use D3.js data visualizations in your Ext JS apps
- New Material Design based theme for the Ext JS Modern Toolkit
- Powerful new Grid and Pivot Grid Enhancements including the new data exporter
- Sencha Themer which lets you create great-looking customized themes for your apps without writing a single line of code
- Architect 4.0 which enables you to visually develop modern apps on both Ext JS Modern and Classic toolkits
To add a new class (or a specific type of class: Model, Store, View, Controller, etc.) simply “right+click” on the location you want the new class to be created and select
Add > New Item… > Sencha > Class (or specific type)
Enter in the name of your class and click continue. Here is an example of the output of a Model generated
