Question

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

我怎样才能实现这个目标？

Answer 1

您可以使用窗口上的约束配置将其约束到其父元素。 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();

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

1 个答案: