extjs - 带有自定义代理的 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 并提供自定义实现。但是对于我的生活，我无法弄清楚如何开始？

示例代码、文章、教程非常感谢 :)

亚历克斯