グリッド内の行を並べ替えるExt JS 4

Question

1つのグリッド内で行を並べ替えることができます。私はextjsに比較的新しいとこれを検索しようとしたが、私が見つけたすべてのリソースは、古いext jsバージョンのものであり、それらの中で定義されているプロパティのいくつかはもはや有効ではない。 EG-http://www.vinylfox.com/getting-started-with-grid-drag-drop/

xtype: 'grid', 
    id: 'row-grid', 
    hideHeaders: true, 
    store: 'SelectedRowStore', 
    //enableDragDrop: true, 
    //ddGroup: 'rowgrid-dd', 
    columns: [ 
     { 
      header: 'Rows', 
      flex: 1, 
      sortable: false, 
      dataIndex: 'DisplayName' 
     }, 
     { 
      id: 'button-column', 
      dataIndex: 'ID', 
      sortable: true, 
      hideable: false, 
      width: 35, 
      renderer: PA.common.RendererHelper.renderButtonForAddRowMainGrid 
     } 
    ] 

は、私は本当にこの問題に任意のヘルプ/アドバイスをいただければと思います。

Answer 1

grid to grid drag-n-drop exampleをご覧ください。 2つのグリッドで動作しますが、1つのグリッド内で行を再配置できるように簡単に変更できます。

Answer 2

あなたはルネが言ったように煎茶のサンプルに従うか、これを辿ることができます：内部（追加、あなたには、いくつかのanctionを行うには、いくつかのリスナーが必要な場合にのみ、

 viewConfig: { 
      plugins: { 
       ptype: 'gridviewdragdrop', 
       containerScroll: true, 
       dragGroup: 'someuniquenameforyourgrid', 
       dropGroup: 'someuniquenameforyourgrid' 
      }, 
     }, 

そして：

は、あなたのグリッドにこれを追加しますviewConfig）：あなたのコントローラで

 listeners: { 
      drop: 'onDropGrid' 
     } 

とイベントハンドラコード：

onDropGrid: function (node, data, dropRec, dropPosition) { 
     ... 
    }