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:
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', ...Get Enterprise Application Development with Ext JS and Spring now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
