EXT JS 如何拖拽窗口 - 可拖拽

Question

我有一个EXT JS 窗口。我已将其设置为draggable =true。但我只希望它不是在屏幕上全部拖动，而是在屏幕的有限部分内拖动。就像向左或向右 2 CM（厘米）。上下两厘米。

我怎样才能做到这一点？

Answer 1

您可以使用 window 上的约束配置将其约束到其父元素。 http://docs.sencha.com/ext-js/4-1/#!/api/Ext.window.Window-cfg-constrain 。默认情况下，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();