Question

问题：当用户拖动列时，如何找出要拖动的列。

我尝试在ongridoptions上使用ondragstarted，但是它没有给出要拖动哪一列？

目标： 如果用户在dom内特定div上的网格外部拖放列，我需要执行一些操作。

Answer 1

您可以尝试绑定到columnMoved事件，该事件包含所拖动列的详细信息。尝试以下

模板

<ag-grid-angular 
  #agGrid 
  (columnMoved)="onChange($event)"
  [gridOptions]="gridOptions"
>
</ag-grid-angular>

控制器

onChange(event) {
  console.log(event.columns[0].colId);                 // <-- column ID
  console.log(event.columns[0].colDef.headerName);     // <-- column header name
  console.log(event.columns[0].colDef.field);          // <-- column field
}

Answer 2

您可以尝试将（columnVisible）与检查源=“ uiColumnDragged”一起使用。

onColumnVisible(e) {
if(e.source === "uiColumnDragged") {
//Add your logic
}
}

如何在AG网格中获取拖动的列定义？

2 个答案: