手把手教你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的三百个示例,想要快速掌握还是要多敲

猜你喜欢

转载自blog.csdn.net/JavaCoder_juejue/article/details/84231294
今日推荐