1.概念

可浮动，拖动，可关闭，调大调小的类window的特殊面板

2.继承图

window.jpg

3.属性

$\color{blue}{modal }$ 可选，布尔值，遮罩类型 true全遮

$\color{blue}{animateTarget}$ 可选，String，会与元素之间产生动画效果

$\color{blue}{maximized }$ 可选，Boolean ，True表示显示窗体时就已最大化

$\color{blue}{resizable }$ 可选，Boolean ，可否重置大小

$\color{blue}{minimizable }$ 可选，Boolean ，True表示为显示“最小化minimize”的工具按钮

$\color{blue}{maximizable }$ 可选，True表示为显示“最大化maximize”的工具按钮

$\color{blue}{minHeight/minWidth }$ 可选，window高度/宽度的最小值

$\color{blue}{closeAction }$ 可选，。“close"移除。“hide”隐藏

4.方法

$\color{blue}{show() }$ 显示

$\color{blue}{hide() }$ 隐藏

$\color{blue}{close() }$ 关闭(移除)

$\color{blue}{toFront() }$ 置于前面

$\color{blue}{toBack() }$ 置于后面

5.事件

$\color{blue}{maximize() }$ 最大化时触发

$\color{blue}{minimize() }$ 最小化时触发

$\color{blue}{restore() }$ 重置时触发

6.仅仅换了类。对比面板Panel

可浮动，拖动，可关闭，调大调小的类window的特殊面板

window_Run1.jpg

7.添加其它属性，代码如下：

modal:false,//遮罩类型，默认false,表示弹出窗口后，父窗口能否有效。
animateTarget:"window",//没发现效果
resizable:true,//面板能否改变大小
resizeHandles:"all",//配合resizable使用,值有  'n'北(north),'s'南(south),'e'东(east),'w'西(west),
                    //'nw'西北(northwest),'sw'西南(southwest),'se'东北(southeast),'ne'东南(northeast),'all'所有(all)   
minHeight:300,//这个对应手动重置窗体大小时，能缩小的宽高
minWidth:300,
        
minimizable:true,//resizable:true才有效，是否具有最小按钮
maximizable:true,//resizable:true才有效，是否具有最大按钮
maximized:true,//打开窗体时显示是否最大化，没发现什么效果

closable:true,//是否具有关闭按钮,
closeAction:"close",//closable:true才有效。点击关闭按钮时的动作,'destroy'值

listeners:{
    'close':function(){//关闭事件
        console.log("关闭")//返回false，可以阻止关闭
    },
    //window事件
    'minimize':function(e){//最小化要自定义，不然点击最小化按钮没有反应
        //this.close();
        this.setSize(200,300);//与minWidth，MinHeight无关
    },
    'maximize':function(){//最大化事件,不起作用
        console.log("最大化")
    }  
}