EXT JS 창 드래그 가능한 방법을 드래그하는 방법

Question

나는 EXT JS 창이있다. 나는 이것을 draggable =true으로 설정했습니다. 그러나 나는 단지 그것이 화면의 모든 부분이 아니라 화면의 제한된 부분 내에서만 끌리기를 원한다. 왼쪽 또는 오른쪽으로 2 CM (센티미터)처럼. 2 CM 위아래.

어떻게하면됩니까?

Answer 1

constrain config on 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();