如何在ag-grid ng2中拖放行(重新排序行)

在ag-Grid NG2中实现拖放行（重新排序行）的方法如下：

首先，确保你已经安装了ag-Grid NG2的依赖包，并在你的项目中引入了ag-Grid模块。
在你的组件中，创建一个ag-Grid的实例，并设置相应的列定义和行数据。
在ag-Grid的配置中，启用行拖放功能。你可以通过设置rowDrag属性为true来实现这一点。
在你的组件中，创建一个回调函数来处理拖放行的逻辑。你可以使用onRowDragEnd事件来监听行拖放结束的事件。
在回调函数中，你可以获取拖放行的相关信息，例如拖放行的起始索引和目标索引。你可以使用这些信息来重新排序行数据。

下面是一个示例代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-grid',
  template: `
    <ag-grid-angular
      style="width: 500px; height: 300px;"
      class="ag-theme-alpine"
      [rowData]="rowData"
      [columnDefs]="columnDefs"
      [rowDrag]="true"
      (onRowDragEnd)="onRowDragEnd($event)"
    ></ag-grid-angular>
  `,
})
export class GridComponent {
  rowData = [
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
    { id: 3, name: 'Bob' },
    { id: 4, name: 'Alice' },
  ];

  columnDefs = [
    { field: 'id' },
    { field: 'name' },
  ];

  onRowDragEnd(event: any) {
    const { node, overIndex } = event;
    const movedData = node.data;
    const currentIndex = this.rowData.indexOf(movedData);

    // 重新排序行数据
    this.rowData.splice(currentIndex, 1);
    this.rowData.splice(overIndex, 0, movedData);
  }
}

在上面的示例中，我们创建了一个简单的ag-Grid表格，并启用了行拖放功能。当拖放行结束时，onRowDragEnd回调函数会被触发，我们可以在这个函数中重新排序行数据。

这是一个基本的实现方法，你可以根据自己的需求进行扩展和定制。关于ag-Grid NG2的更多详细信息和功能，请参考ag-Grid官方文档。