The account window

The account view is a window that contains several subcomponents (such as login, register, and past orders). Let's take a look at the lengthy, but straightforward code for it:

// app/view/account/Account.js Ext.define('Alcohology.view.account.Account', { extend: 'Ext.Window', xtype: 'account', layout: 'fit', controller: 'account', modal: true, resizable: false, header: false, onEsc: Ext.emptyFn, width: 800, autoHeight: true, frame: true, items: [ { xtype: 'container', layout: 'column', items: [ { xtype: 'login', title: 'Login', columnWidth: 0.5 }, { xtype: 'register', title: 'Register', columnWidth: 0.5 } ], bind: { hidden: '{currentUser}' } }, { xtype: 'container', layout: 'column', items: [ { xtype: 'register', title: 'Register', ...

Get Ext JS Application Development Blueprints 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.