《ExtJS2.0实用简明教程》之窗口基本应用

ExtJS中窗口是由Ext.Window类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码：

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);
 });

　　页面中的html内容：

<input id="btn" type="button" name="add" value="新窗口" />

　　执行上面的代码，当点击按钮“新窗口”的时候，会在页面中显示一个窗口，窗口标题为“窗口x”，窗口可以关闭，可以最大化，点击最大化按钮会最大化窗口，最大化的窗口可以还原，如图xxx所示。