ExtJS可拖动面板与自定义代理？

Question

我读过一些类似的文章：

http://www.codeslower.com/2011/7/Using-the-draggable-property-in-ExtJS http://docs.sencha.com/extjs/4.2.0/#!/guide/drag_and_drop

我有一个简单的小组：

var panel = Ext.create('Ext.panel.Panel', {
  draggable: true,

  title: 'Panel',
  html: 'Show work orders'
});                        

它允许我在容器面板周围拖动 - 甚至在容器面板外面 - 但是丢弃会将元素约束到容器。

我需要一个自定义代理来显示放置目标位置和大小 - 而不仅仅是原始面板的幻像。有人能告诉我一些关于如何做到这一点的简单代码吗？我实例化Ext.dd.DragSource并提供自定义实现。但对于我的生活，我无法弄清楚如何开始？

示例代码，文章，教程非常感谢：）

亚历