Javascript Extjs在面板上移动图像

我在一个面板上有一个图像，图像是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;
    }
});

---

}

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

哪里是

Ext.dd.dropZone

定义？