Extjs EXT JS如何拖动窗口-可拖动

Extjs EXT JS如何拖动窗口-可拖动,extjs,extjs4,extjs4.1,Extjs,Extjs4,Extjs4.1,我有一个extjs窗口。我已将其设置为draggable=true。但我只希望它不是被拖到整个屏幕,而是在屏幕的有限部分。向左或向右大约2厘米(厘米)。上下各2厘米 如何实现这一点?您可以使用“约束配置打开”窗口将其约束到其父元素。默认情况下,Windows渲染到文档体,因此为了约束到特定元素,可以创建包含窗口的父元素 var win = new Ext.window.Window({ height: 200, width: 200, constrain: true })

我有一个
extjs
窗口。我已将其设置为
draggable=true
。但我只希望它不是被拖到整个屏幕,而是在屏幕的有限部分。向左或向右大约2厘米(厘米)。上下各2厘米


如何实现这一点?

您可以使用“约束配置打开”窗口将其约束到其父元素。默认情况下,Windows渲染到文档体,因此为了约束到特定元素,可以创建包含窗口的父元素

var win = new Ext.window.Window({
    height: 200,
    width: 200,
    constrain: true
});
Ext.create('Ext.container.Container', {
    style: 'border: 1px solid black;',
    height: 400,
    width: 400,
    renderTo: Ext.getBody(),
    items: [win]
});
//Don't forget to call show, windows are hidden by default 
// and even when hidden:false it didn't render in 4.1.1
win.show();