如何动态更改 ag-Grid 的选项？

Question

我正在使用以下代码创建一个农业网格。我想动态地将 rowSelection 选项从单个按钮更改为多个 onClick。

<ag-grid-angular 
  #validateGrid
  style="width: 780px; height: 260px;" 
  class="ag-theme-balham"
  rowSelection="single"
  suppressRowClickSelection="false"
  suppressHorizontalScroll="true" 
  [rowData]="rowData" 
  [columnDefs]="columnDefs"
  [defaultColDef]="defaultColDef" 
  [getRowNodeId]="getRowNodeId"
  (selectionChanged)="onSelectionChanged()"
  (gridReady)="onGridReady($event)" 
  enableCellTextSelection=true>
</ag-grid-angular>

在我的 Typescript 代码中，我尝试了 this.gridOptions.rowSelection = 'multiple'; 但这不起作用。有什么办法吗？

Answer 1

试试这个：

你的tmpl：

<ag-grid-angular 
  #validateGrid
  style="width: 780px; height: 260px;" 
  class="ag-theme-balham"
  rowSelection="{{rowSelection}}" // Updated
  suppressRowClickSelection="false"
  suppressHorizontalScroll="true" 
  [rowData]="rowData" 
  [columnDefs]="columnDefs"
  [defaultColDef]="defaultColDef" 
  [getRowNodeId]="getRowNodeId"
  (selectionChanged)="onSelectionChanged()"
  (gridReady)="onGridReady($event)" 
  enableCellTextSelection=true>
</ag-grid-angular>

你的老师

public rowSelection: string = 'single';

public changeRowSelection(): void {
    this.rowSelection = 'multiple'; // this is example
}

如何动态更改 ag-Grid 的选项？

How can I dynamically change the options of ag-Grid?

typescript

ag-grid

angular

ag-grid-angular