Mega Code Archive
Three level Nested Panel
<![CDATA[
<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',
frame : true,
items : {
xtype : 'panel',
title : 'Child 1 of "Child Panel 1"',
html : "a grand child of " + ownerTitle,
frame : true
}
}
];
}
Ext.onReady(function() {
new Ext.Panel({
renderTo : Ext.getBody(),
title : 'Panel 1',
width : 500,
height : 680,
items : makeChildren('Panel 1')
});
});
</script>
<div id='panel'></div>
</body>
</html>
]]>