<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">
Ext.onReady(function() {
var childPnl1 = {
frame : true,
height : 50,
html : 'My First Child Panel',
title : 'First'
}
var childPnl2 = {
xtype : 'panel',
width : 150,
html : 'Second child',
title : 'Second'
}
var myWin = new Ext.Window({
height : 600,
width : 600,
title : 'A window with a container layout',
autoScroll : true,
items : [
childPnl1,
childPnl2
],
});
myWin.show();
});
</script>
<div id='div1'>asdf</div>
</body>
</html>
|