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，它只会更改网格中的可见节点。

这是一个用于演示的 plunker：

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