ウィンドウの基本的な適用


var i = 0;
function newWin() {
	var win = new Ext.Window({
				title : "  " + i++,
				width : 400,
				height : 300,
				maximizable : true
			});
	win.show();
}
Ext.onReady(function() {

			Ext.get("btn").on('click', newWin);
		})

 
<%@ page language="java" contentType="text/html; charset=gb2312"
	pageEncoding="gb2312"%>
<%
	request.setAttribute("base", request.getContextPath());
%>

<html>
	<head>
		
		<title>    </title>
		<link rel="stylesheet" type="text/css"
			href="${base}/script/ext/resources/css/ext-all.css">
		<script type="text/javascript"
			src="${base}/script/ext/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
		<script type="text/javascript" src="${base}/script/sample/third.js"></script>
		
	</head>
	<body>
		
		<input type="button" id="btn" name="btn" value="   "/>
	</body>
</html>