ExtJs window（一）使用API以及window常用属性和方法

1.使用API

xtype：组件的别名

Hierarchy 层次结构

Inherited mixins 混入的类

Requires 该组件需要使用的类

configs：组件的配置信息

properties：组件的属性

methods：组件的方法

events：组件的事件

2.window组件常用属性和方法讲解:

configs:

constrain:布尔值，true为限制窗口只能在其容器内移动，默认值为false，允许窗口在任何位置移动。(另：constrianHeader属性)

modal:布尔值，true为设置模态窗口。默认为false

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

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

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

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

autoScroll：布尔值，是否需要滚动条，默认false

Ext.onReady(function(){
    
    //Ext.create方法相当于创建一个实例对象，
    Ext.create(
    'Ext.window.Window',
    {
        title : '我是第一个组件',
        width : 400,    //项目中用百分比的形式'20%',因为用户屏幕不一样
        height : 300,
        layout : 'fit',
        constrain : true,//限制窗口不超出浏览器
        modal : true,    //设置模态窗口，背景置灰
        plain : true,    //窗口设置为透明
        x:50,
        y:50,    //设置窗口左上角位置
        autoScroll : true,    //添加滚动条
        html : '<div style=width:200px;height:200px>我是一个div</div><div style=width:200px;height:200px>我是一个div</div>',
        constrainHeader : true,//不允许窗口标题超出浏览器边界
        renderTo:Ext.getBody() //新创建的组件渲染到body，否则没有东西
    }).show();//默认是隐藏的
});

 

转载于:https://www.cnblogs.com/wangqiang4518/p/5789427.html