Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Create a window and set title, width, height and panel

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> function makeChildren(ownerTitle) {   return nestedChildItems =  [     {       xtype : 'panel',       title : 'Child Panel 1',       html  : 'Panels can contain Children',       frame : true     },   ]; } Ext.onReady(function() {   new Ext.Window({     title    : 'Window 1',     width    : 200,     height   : 180,     items    : makeChildren('Window 1')   }).show(); }); </script>  <div id='panel'></div> </body> </html>