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 をインスタンス化し、カスタム実装を提供します。しかし、私の人生では、始める方法がわかりませんか？

サンプルコード、記事、チュートリアルは大歓迎です:)

アレックス