drag-and-drop - Extjs 4.1ツリービューノードをグリッドにドラッグアンドドロップして、列を動的に追加します

Question

使用可能な列ヘッダーをツリー ノードとして含むツリービューがあります。グリッドも持っています。必要なことは、ツリー ノードの 1 つをグリッドの列ヘッダー セクションにドラッグして、新しい列を動的に追加することです。ツリービューとグリッドの両方が正しく構成され、レンダリングされています。

私のツリービューは次のように構成されています：

    var tree = Ext.create('Ext.tree.Panel', {
    viewConfig: {
        plugins: {
            ptype: 'treeviewdragdrop',
            dragGroup: 'myDDGroup'
        }
    ...

私のグリッドは次のように構成されています。

    var grid = Ext.create('Ext.grid.Panel', {
    viewConfig: {
        plugins: {
            ptype: 'gridviewdragdrop',
            dropGroup: 'myDDGroup'
        }
    ...

私がやりたいことがツリーノードをグリッドにドラッグして新しい行を追加することだった場合、これは完全に機能したと言えます。代わりに、前述したように、ノードを列ヘッダー セクションにドラッグして、新しい列 (行ではなく) を追加する必要があります。

ExtJS ソース (ViewDropZone.js) に OnNodeDrop イベントを処理するための実装が表示され、設計どおりに動作しているように見えます。必要な動作を実現するために、独自の OnNodeDrop イベント ハンドラーを記述できると思います。その道をたどる前に、誰かがすでに同様のソリューションを実装しているか、代替/より良いソリューションを知っているかどうかを確認したかった.