O'Reilly logo

Enterprise Application Development with Ext JS and Spring by Gerald Gierer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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:

Defining the Logon window

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'], ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required