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

Question

我有一個EXT JS窗口。我已將其設置爲draggable =true。但我只希望它不是全部拖拽到屏幕上，而是在屏幕的有限部分內拖動。就像2 CM（釐米）左邊或右邊。和2釐米上下。

我該如何做到這一點？

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();