Handling the layout dynamically
问题 Below is the code I tried: <script type="text/javascript"> Ext.require(['*']); Ext.onReady(function() { Ext.Loader.setConfig({ enabled: true }); var totalScreenWidth = screen.availWidth; var totalScreenHeight = screen.availHeight; Ext.QuickTips.init(); var viewport = Ext.create('Ext.ViewPort', { id: 'border-example', layout: 'border', items: [ Ext.create('Ext.Component', { region: 'north', height: totalScreenHeight * 0.05, autoEl: { tag: 'div', html: '<p><center>UI Demo</center></p>' } }), {