ExtJs 入门 [窗体：Window组件]

<head></head> 之间:

<script type="text/javascript" src="extjs/ext-all.js"></script><link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /><script type="text/javascript">Ext.onReady(function () {var win = new Ext.Window({title: '标题',width: 555,height: 444,html: '<div>内容</div>',resizable: true,modal: true,closable: true,maximizable: true,minimizable: true});win.show();});</script>

说明：
 (1)var win = new Ext.Window({}):创建一个新的Window窗体对象。
 (2)title: '窗口'：窗体的标题。
 (3)width: ,height: ..宽度及高度。
 (4)html: '<div>这里是窗体内容</div>'：窗体内部显示的html内容。
 (5)resizable: true：是否可以调整窗体的大小，这里设置为 true。
 (6)modal: true：是否为模态窗体[什么是模态窗体？当你打开这个窗体以后，如果不能对其他的窗体进行操作，那么这个窗体就是模态窗体，否则为非模态窗体]。
 (7)closable:true：是否可以关闭，也可以理解为是否显示关闭按钮。
 (8)maximizable: true：是否可以最大化，也可以理解为是否显示最大化按钮。
 (9)minimizable: true：是否可以最小化，也可以理解为是否显示最小化按钮。
 (10)win.show()：窗体展示。

效果:

一、属性
plain：布尔类型，true表示强制与背景色保持协调，默认值为false。
resizable：布尔类型，用户是否可以调整窗体大小，默认值为true表示可以调整大小。
maxinizable：布尔类型，true表示显示最大化按钮，默认值为false。
maximized：布尔类型，true表示显示窗体时将窗体最大化，默认值为false。
closable：布尔类型，true表示显示关闭按钮，默认值为true。
bodyStyle：与边框的间距，如：bodyStyle:"padding:3px"。
buttonAlign：窗体中button的对齐方式(left、center、right)，默认值为right。
closeAction："close"释放窗体所占内存，"hide"隐藏窗体，建议使用"hide"。

二、方法
show：打开窗体。
hide：隐藏窗体。
close：关闭窗体。

三、事件
show：打开窗体时触法。
hide：隐藏窗体时触法。
close：关闭窗体时触法。

ExtJs 入门 [窗体：Window组件]相关推荐

Extjs window组件拖动统制
Extjs window组件拖动控制有时候一拖就拖出了浏览器,在想拖回来就不好办了: 解决办法: 参考以下代码,在加载Ext核心库以后执行: Ext.override(Ext.Window, { ...
围观窗体与组件01 - 零基础入门学习Delphi23
围观窗体与组件01 让编程改变世界 Change the world by program 围观窗体与组件在Delphi中,窗体和组件是创建Delphi应用程序的最基本组成部分,是可视化程序设计的基 ...
围观窗体与组件02 - 零基础入门学习Delphi24
围观窗体与组件02 让编程改变世界 Change the world by program 围观文本型组件 Label.StaticText 和 TabControl. PageControl Lab ...
围观窗体与组件03 - 零基础入门学习Delphi25
围观窗体与组件03 让编程改变世界 Change the world by program 围观按钮型组件 Button.BitBtn.SpeedButton的一些区别区别一:Button 不能显示 ...
ExtJs 入门教程（我感觉挺好的）
ExtJs 入门教程一[学习方法] ExtJs 入门教程二[Hello World] ExtJs 入门教程三[窗体:Window组件] ExtJs 入门教程四[表单:FormPanel] ExtJs ...
无废话ExtJs 入门教程六[按钮：Button]
无废话ExtJs 入门教程六[按钮:Button] extjs技术交流,欢迎加群(201926085) 继上一节内容,我们在表单里加了个两个按钮"提交"与重置.如下所示代码区的第6 ...
extjs form java_[Java教程]ExtJS入门教程02，form也可以很优雅
[Java教程]ExtJS入门教程02,form也可以很优雅 0 2014-03-28 12:00:40 在上一篇<Extjs window 入门>中,我们已经看到了如何将一个form组件 ...
无废话ExtJs 入门教程十七[列表：GridPanel]
无废话ExtJs 入门教程十七[列表:GridPanel] extjs技术交流,欢迎加群(521711109) 在Extjs中,GridPanel用于数据显示,即我们平时说的列表页.在本节中,我们先对 ...
转 Js窗体window大小设置
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW ...

ExtJs 入门 [窗体：Window组件]

ExtJs 入门 [窗体：Window组件]相关推荐

最新文章

热门文章