Understanding the basic application structure

We already looked at the filesystem structure. It is now time to understand how these files are tied together. You also need to understand what an interaction between code parts is.

Ext.application is the starting point in our application. As we noted earlier, it might contain the app name, and references to all the models, views, controllers, profiles, and stores. These are explained as follows:

• Profiles: These allow us to customize the application's UI for handsets and tablets
• Models: These represent a type of data in our application
• Views: These actually present data in our application within Sencha Touch components
• Controllers: These handle interactions with our application by listening for user's taps and swipes
• Stores: These store our data, which we display in grids and other elements

You can see the single instance of Ext.application in the generated www/app.js file:

Ext.application({
    name: 'Travelly',
    views: [ &apos...