google-closure - ドラッグ アンド ドロップ中にカーソルの横にある要素を変更するにはどうすればよいですか?

Question

Google Closure ライブラリを使用するアプリケーションにドラッグ アンド ドロップ機能を組み込もうとしています。具体的には、次のgoog.fx.DragDropGroupクラスを使用しています。

http://closure-library.googlecode.com/svn/docs/class_goog_fx_DragDropGroup.html

今、カーソルの横にある要素をドラッグソース以外の要素にしようとしています。イベントのイベントリスナーのコールバック関数でこれを実行しようとしましたdragstart。

myapp.Foo.prototype.dragStart_ = 
    function(e) {
  var dElement = goog.dom.createElement('div');
  dElement.innerHTML = 'This element is not a copy of the drag source element.';
  e.dropTargetItem.element = dElement;
}

ただし、ドロップ対象アイテムのプロパティを直接変更してelementも機能しません。実際、ドラッグ アンド ドロップ中にドラッグ ソース要素のコピーを削除します。

ドラッグ ソースをマウスでドラッグしているときに表示される要素を別の要素に指定するにはどうすればよいですか? この要素をドラッグ ソースと同一にしたくありません。