The base of the application – view/main/Main.js
When we implemented the success function in the Submit button listener on the login controller, we mentioned the Packt.view.main.Main class. We are going to reuse this class (it was automatically created by Sencha Cmd when we created the project) as the base of our application. Before we start with the hands-on approach, let's take a look at what is going to be the result of the application by the end of this chapter:
The Viewport
Whenever we construct an application entirely with Ext JS (because we do have the option of using a single component rendered to a <div> tag if we want to, in a manner similar to what is done in jQuery), we need to use a component that is going to be the base of the application. This component is the Viewport. The Viewport is a specialized container representing the viewable application area (the browser viewport). The Viewport renders itself to the document body, and automatically sizes itself to the size of...
