1.概念
可浮动,拖动,可关闭,调大调小的类window的特殊面板
2.继承图
3.属性
- 可选,布尔值,遮罩类型 true全遮
- 可选,String,会与元素之间产生动画效果
- 可选,Boolean ,True表示显示窗体时就已最大化
- 可选,Boolean ,可否重置大小
- 可选,Boolean ,True表示为显示“最小化minimize”的工具按钮
- 可选,True表示为显示“最大化maximize”的工具按钮
- 可选,window高度/宽度的最小值
- 可选,。“close"移除。“hide”隐藏
4.方法
- 显示
- 隐藏
- 关闭(移除)
- 置于前面
- 置于后面
5.事件
- 最大化时触发
- 最小化时触发
- 重置时触发
6.仅仅换了类。对比面板Panel
可浮动,拖动,可关闭,调大调小的类window的特殊面板
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("最大化")
}
}
8.总结
- 窗体属性,多了最大化,最小化,关闭/隐藏,重置大小的属性配置
- 其中,最小化需要在自定义效果
- 发现一些bug,,animateTarget属性没效果, 'maximize':function没效果