<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Windows</title> <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/> <!-- GC --> <script type="text/javascript" src="../../ext-all.js"></script> </head> <body> <script type="text/javascript" charset="utf-8"> Ext.require([ 'Ext.button.Button', 'Ext.layout.container.Border', 'Ext.window.MessageBox' ]); Ext.onReady(function() { Ext.create('Ext.button.Button', { renderTo: Ext.getBody(), text: 'My Button' }); Ext.create('Ext.window.Window', { height: 400, width: 500, title: 'My Window', minWidth: 300, minHeight: 200, modal: true, layout: 'border', items: [ { xtype: 'panel', region: 'west', width: 150, split: true, html: 'This is a panel' }, { xtype: 'panel', region: 'center', html: 'In the center' } ], buttons: [ { text: 'My Button', handler: function() { Ext.Msg.alert('You clicked', 'Do NOT click the button'); } } ] }).show(); }); </script> </body> </html>