JavaScript Programming JavaScript > Code Examples Add children panel to panel Add children panel to panel <html> <head> <title>Happy Codings :-) </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> <p> Happy Codings :-) JavaScript Code Examples <br> </p> </body> </html>