Ext3.0 面板之window

1.概念

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

2.继承图

window.jpg

3.属性

• 可选，布尔值，遮罩类型 true全遮
• 可选，String，会与元素之间产生动画效果
• 可选，Boolean ，True表示显示窗体时就已最大化
• 可选，Boolean ，可否重置大小
• 可选，Boolean ，True表示为显示“最小化minimize”的工具按钮
• 可选，True表示为显示“最大化maximize”的工具按钮
• 可选，window高度/宽度的最小值
• 可选，。“close"移除。“hide”隐藏

4.方法

• 显示
• 隐藏
• 关闭(移除)
• 置于前面
• 置于后面

5.事件

• 最大化时触发
• 最小化时触发
• 重置时触发

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("最大化")
    }  
}  

8.总结

• 窗体属性，多了最大化，最小化，关闭/隐藏，重置大小的属性配置
• 其中，最小化需要在自定义效果
• 发现一些bug,，animateTarget属性没效果， 'maximize':function没效果