手把手教你ExtJS从入门到放弃——篇四(Ext.window组件API详细讲解及demo演示)

1.打开API找到Ext--》window --》window

2.灰色齿轮代表是个组件，xtype是别名，就像前面MessageBox的别名是Msg一样，使用别名是一样的效果，点进源码可以看到是进行了引用的赋值

3.第一个组件：Ext.window.Window。对于组件，也就是Ext最吸引开发者的地方，那么我们要真正的使用Ext的组件，首先必须学会阅读API文档。

xtype：组件的别名      Hierarchy 层次结构

Inherited mixins 混入的类     Requires 该组件需要使用的类

configs：组件的配置信息    properties：组件的属性

methods：组件的方法      events：组件的事件

4.可以看到有148个方法，此外还有配置，属性，事件

不多说，看官方的demo可能你还不太懂，现在带你创建第一个窗体

效果如下

window组件常用属性和方法讲解（自己试着在上面代码中加上这些配置，这里就不演示了）:

configs:

constrain:布尔值，true为限制窗口只能在其容器内移动，默认值为false，允许窗口在任何位置移动。(另：constrianHeader属性也是一样，标题能不能超出浏览器边界的设置)

modal:布尔值，true为设置模态窗口。默认为false 就是设置遮挡层

plain：布尔值，true为窗口设置透明背景。false则为正常背景，默认为false

x、y 设置窗口左上角坐标位置。

onEsc：复写onEsc函数，默认情况下按Esc键会关闭窗口。

closeAction：string值，默认值为'destroy'，可以设置'hide'关闭时隐藏窗口

autoScroll：布尔值，是否需要滚动条，默认false   当你设置的height当前窗口不够时，自动添加滚动条

后面的文章将讲解ExtJS的三百个示例，想要快速掌握还是要多敲