Ag-grid Angular 2

时间:2018-05-16 05:16:26

标签: angular ag-grid ag-grid-ng2

在ag-grid中是否有一种方法可以在复选框选择的帮助下选择行,并在另一个单元格的帮助下选择一行单击选择,以便在单击单击事件上选择行后,之前选择的行保持选中状态,就像在复选框的帮助下一样。 我有一个嵌入到网格单元格中的事件,并希望在click事件的帮助下完成一些任务,但是当单击一个新单元格时它会丢失先前选择的行。 我想保留之前选择的行的状态。

2 个答案:

答案 0 :(得分:0)

在你的网格选项中,将rowMultiSelectWithClick设置为true。

https://www.ag-grid.com/javascript-grid-selection/

  

设置为true,只需单击一下即可选择所有多行。例如。如果单击选择一行,然后单击选择另一行,第一行将保持其选择。在此模式下单击选定的行将取消选择该行。这对于无法选择ctrl和shift单击的触摸设备非常有用。

答案 1 :(得分:0)

您可以尝试使用当前所选行进行多项选择吗?在html中,

<ag-grid-angular
#agGrid
style="width: 100%; height: 100%;"
id="myGrid"
class="ag-theme-balham"
[columnDefs]="columnDefs"
[rowSelection]="rowSelection"
(rowSelected)="onRowSelected($event)"
[rowMultiSelectWithClick]="true"
(gridReady)="onGridReady($event)"
(click)="getRowSelected($event)"
></ag-grid-angular>

在你的打字稿组件中

onRowSelected(event) { window.alert("row " + event.node.data.athlete + " selected = " + event.node.selected); }

希望这会对你有帮助!