Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Add children panel to 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.Panel({     renderTo : Ext.getBody(),     title    : 'Panel 1',     width    : 200,     height   : 180,     items    : makeChildren('Panel 1')   }); }); </script>  <div id='panel'></div> </body> </html>