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 task log views

The task log user interface contains a variety of different components including date pickers and combo boxes. We will implement the UI by dividing the screen into three views. The outermost ManageTaskLogs view will contain a toolbar and define a border layout to hold the TaskLogList and TaskLogForm views:

Building our task log views

The ManageTaskLogs.js file

We have chosen the border layout for this view to allow resizing of the TaskLogForm view that is initially fixed to a width of 400px in the east region. The ManageTaskLogs definition is as follows:

Ext.define('TTT.view.tasklog.ManageTaskLogs', { extend: 'Ext.panel.Panel', xtype: 'managetasklogs', ...

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