Extjs在面板上移动图像

Question

我在面板上有一个图像，图像是可拖动的=真，我想移动图像并改变它的位置（x，y），当移动图像时我希望它只能在里面移动它的父母面板无法移动到面板之外，我使用此功能，它可以工作，但图像可以移到面板外面了吗？！

function initializePatientDragZone(v) {
v.dragZone = Ext.create('Ext.dd.DragZone', v.getEl(), {
    getDragData: function(e) {
        var sourceEl = e.getTarget(v.itemSelector, 10), d;            
        if (sourceEl) {
            d = sourceEl.cloneNode(true);
            d.id = Ext.id();
            return (v.dragData = {
                sourceEl: sourceEl,
                repairXY: Ext.fly(sourceEl).getXY(),
                ddel: d,
                patientData: v.getRecord(sourceEl).data
            });
        }
    },
    getRepairXY: function() {
        return this.dragData.repairXY;
    }
});

}

Answer 1

您可以在拖动区域调用constrainTo方法。