ExtJS2.0实用简明教程——窗口基本应用
2008-02-23 19:31
696 查看
ExtJS中窗口是由Ext.Window类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码:
页面中的html内容:
执行上面的代码,当点击按钮“新窗口”的时候,会在页面中显示一个窗口,窗口标题为“窗口x”,窗口可以关闭,可以最大化,点击最大化按钮会最大化窗口,最大化的窗口可以还原,如图xxx所示。
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内容:
<body> <input name="add" type="button" value="新窗口" id="btn"> </body>
执行上面的代码,当点击按钮“新窗口”的时候,会在页面中显示一个窗口,窗口标题为“窗口x”,窗口可以关闭,可以最大化,点击最大化按钮会最大化窗口,最大化的窗口可以还原,如图xxx所示。
![](http://www.easyjf.com/blog/lengyu/extjs/image047.jpg)
相关文章推荐
- ExtJS2.0实用简明教程——基本表格GridPanel
- ExtJS 2.0实用简明教程之应用ExtJS
- ExtJS2.0实用简明教程——窗口分组
- ExtJS 2.0实用简明教程之应用ExtJS
- ExtJS2.0实用简明教程——布局概述
- ExtJS 2.0实用简明教程 之Border区域布局
- ExtJS2.0实用简明教程
- ExtJS2.0实用简明教程——事件处理
- ExtJS2.0实用简明教程——Border区域布局
- ExtJS2.0实用简明教程 - Ext类库简介
- ExtJS 2.0实用简明教程 之获得ExtJS
- ExtJS2.0实用简明教程——Panel
- ExtJS2.0实用简明教程——Column列布局
- ExtJS2.0实用简明教程——与服务器交互
- ExtJS2.0实用简明教程 - Border区域布局
- ExtJS2.0实用简明教程——工具栏Toolbar
- ExtJS2.0实用简明教程——Fit布局
- ExtJS2.0实用简明教程 - 序言
- ExtJS2.0实用简明教程 - ExtJS的组件
- ExtJS 2.0 实用简明教程之布局概述