Sencha touch 2 Sencha Touch 2.4.2-可拖动部件不在容器外移动

我有一个容器。在那个容器里，我有3个可拖动的：如下图所示

我可以在父容器中拖动3个组件（上下移动） 但我需要将容器外的3个组件移动到左侧和右侧（用箭头标记）

有人能帮我一下吗

这是我正在使用的代码

{
xtype: 'container', //Middle Container
width: '100%',
height: '80%',
style: 'background-color: #669900',
layout: 'hbox',
items: [{
    xtype: 'component',
    itemId: 'markCompxx10',
    draggable: true,
    width: '100%',
    height: '30%',
    style: 'background-color: #00EE00', 
    html: '10',
    listeners : { element : 'element', drag : function(e, t) { this.fireEvent('drag', this, e, t); }}
}, {
    xtype: 'component',
    itemId: 'markCompxx20',
    draggable: true,
    width: '100%',
    height: '30%',
    style: 'background-color: #00EE00', 
    html: '20',
    listeners : { element : 'element', drag : function(e, t) { this.fireEvent('drag', this, e, t); }}
}, {
    xtype: 'component',
    itemId: 'markCompxx30',
    width: '100%',
    height: '30%',
    style: 'background-color: #00FFEE', 
    html: '30',
    listeners : { element : 'element', drag : function(e, t) { this.fireEvent('drag', this, e, t); }}
}]
}

}

---

谢谢

查看我的拖放插件，然后点击。我改进了draggable类，不仅支持组件，还支持元素。那样我就能做你做不到的事

---

如果对您没有帮助，请在中重现相同的问题，以便我可以帮助您。

有人对这个问题有任何建议吗。我在网上找不到任何答案。谢谢你的帮助是的，这是我需要的，我会检查一下然后回来。谢谢你的帮助。