Enterprise Application Development with Ext JS and Spring

Building our views

Now that we have some practical guidelines to building views, it is time to create our application interface. A user must be able to log on successfully to work with the application, so let's start with the logon window.

Defining the Logon window

The Task Time Tracker Logon window is the first thing a user will see, which is shown in the following screenshot:

The logon window definition follows the given code:

Ext.define('TTT.view.LogonWindow', { extend: 'Ext.window.Window', xtype: 'logonwindow', closable: false, iconCls: 'logo-small', width: 300, bodyPadding: 10, title: 'Task Time Tracker Logon', requires: ['Ext.form.field.Text'], ...