javascript - 回调以调整列大小

Question

是否有任何回调可用于调整ag-grid列大小。

我找不到任何与列调整大小回调相关的文档。

示例代码:

var columnResized = function(params){
console.log(params);
};

gridOptions.columnResized = columnResized;
var myAgGrid = new agGrid.Grid(eGridDiv,gridOptions);

Answer 1

网格名称:ag-grid

列大小调整事件: 我们可以通过columnResized获取列调整大小事件，如下所示。

<ag-grid-angular
        class="ag-theme-alpine ag-grid-container-full"
        [rowData]="rowData"
        [columnDefs]="columnDefs"
        (gridReady)="onGridReady($event)"
        (columnResized)="onColumnResize($event)"  //  <-----
      >

在.ts文件中 由于 resize 事件会触发多次，因此我们使用 setTimeout 来充当去抖动效果来处理。

   public setTimeInstance = null;

  onColumnResize(event) {

    if (this.setTimeInstance) clearTimeout(this.setTimeInstance);

    this.setTimeInstance = setTimeout(() => {

      let newColumnState = this.columnApi.getColumnState();

      this.someActivity();  // Do some activity  like storing

      clearTimeout(this.setTimeInstance);


    }, 1000); // after one seconds

  }