Angular 2 + ag-grid /编辑整个列

Question

我想用相同的值编辑整个列。

我的ag-grid看起来像这样：image of the grid

我想要做的是将列Etat的所有值更改为arrêté，但我现在无法使其正常工作。

这是我尝试的代码：

private gridOptions: GridOptions;
public rowData: any[];

constructor() {
    this.stopTrains();
    this.gridOptions = {};
    this.gridOptions.columnDef = [
        ...
        {
            headerName: 'Etat',
            field: 'etat',
            ...
            editable: true
        }
        ...
    ];
}

stopTrains() {
    var rowData: any[] = [];
    rowData.push({
        etat: 'arrêté'
    })
    this.rowData = rowData;
}

单击按钮时会调用

stopTrains()。

Answer 1

这是我的建议：

stopTrains() {
   //loop through current row data and set the etat key to 'arrêté'
   this.gridOptions.api.forEachNode(params=>params.data.etat = 'arrêté')
   //refresh the view so that the changes take effect
   this.gridOptions.api.refreshView()
 }

你也可以使用forEachNodeAfterFilter，它只会改变网格中的可见节点。

这是一个示范的掠夺者：

https://embed.plnkr.co/7oj5JXBdwPopgYl751ck/