ExtJs4ツリーの最新ノードを削除する方法

Question

私は以下を実装しようとしています：

ドラッグアンドドロップを有効にした2つのツリーパネルがあります。私はいくつかのアイテムを最初のツリーから2番目のツリーにドラッグできます。最初のツリーはコンポーネントのカタログであり、2番目のツリーはプロダクトコンストラクタです。場合によっては、コンストラクタにノードをドロップすると、ドロップされたノードに子を追加する必要があります。実際に私がドロップすると、同時に2つのノードを追加する必要があります：ドロップされたノードと、コードで追加する2つ目のノード。

私はその余分なノードをドロップイベントハンドラに追加することに決めましたが、問題は最新のドロップされたノードを見つける方法を理解できないことです。

アイデア？

Answer 1

私は2つのイベントitemaddとdrop

の組み合わせを使用して、私は必要なものを実装するために管理ここではサンプルです、それが誰かのために役立つことを願っています：

onComponentAdd: function (records) { 
     var record = records[0]; 
     this.lastAddedRecord = record; 
    }, 

    onComponentDrop: function (element, data, dropNode) { 
     var record = this.lastAddedRecord; 

     var data = record.get('Data'); 
     if (!Ext.isEmpty(data)) { 
      var scheme = data.scheme; 
      Ext.each(scheme, function (item) { 
       if (item.type == 'componentlist') { 
        record.appendChild({ 
         text: item.name, 
         loaded: true, 
         expanded: true, 
         allowDrop: true 
        }); 
       } 
      }); 
     } 
    } 

Answer 2

Ext.tree.plugin.TreeViewDragDropクラスで利用可能なdropイベントを使用できます。このクラスは基本的に、ツリービュー（TreeView）のドラッグまたはドロップ機能を提供します。そのため、このイベントがトリガーされたときに、ドロップイベントをTreeViewオブジェクトに追加し、子ノードやその他の操作を追加する必要があります。

ツリービューを設定するには、viewConfigパラメータをツリーパネルクラスで使用できます。頭の上に、あなたはこのような何かをコーディングする がある可能性があります：

viewConfig: { 
    plugins: {ptype: 'treeviewdragdrop'}, 
    listeners: { 
     drop: function(node,data,model,dropPosition,opts) { 
      // Add child nodes & other modification codes here... 
     } 
    } 
} 

は、必要なデータを取得する方法の詳細についてはdrop method in docsを参照してください。