Extjs在面板上移動圖像

Question

我在面板上有一個圖像，該圖像為draggable = true，我想移動該圖像並更改其位置（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方法。