Ext 窗体(window)创建时头部工具栏超出屏幕可见区域无法拖动解决

本人在前段时间实际开发工作中遇到一个很奇怪的问题，就是Ext.Window在创建之后，显示出来头部就超出屏幕可见区域造成窗口无法拖动的问题很是苦恼，

后来通过查阅Ext的API文档得知其中window有个constrainHeader，api文档中解释为：

True表示为将window header约束在视图中显示， false表示为允许header在视图之外的地方显示（默认为false）。可选地设置 constrain使得整个窗体可被约束。True to constrain the window header within its containing element (allowing the window body to fall outside of its containing element) or false to allow the header to fall outside its containing element (defaults to false). Optionally the entire window can be constrained using constrain.

 

从这里可以看出只要我们将该参数设置为true即可实现约束window的头部在屏幕可见区域之内。简单吧。即 

var win = new Ext.Window({
    title:'window title',
constrainHeader:true,//true将窗口约束到可见区域，false不限制窗体头部位置
});

另外EXT WINDOW还有另外个类似作用的属性 constrain  该属性True表示为将window约束在视图中显示，false表示为允许window在视图之外的地方显示（默认为false）。