我有一个带有 Ag-Grid 的网格并且工作得很好,但是我需要将事件单击放在具有某些特定条件(错误条件回调)的行中。因此,当第一次单击该行时正常工作,但第二次之后会获得上次值和当前值,因此打印当前值。改变顺序。
我的模板文件:
<!-- <button (click)="setDataValue()">rowNode.setDataValue</button> -->
<ag-grid-angular
#agGrid
style="width: 100%; height: 450px;"
class="ag-theme-material"
(gridReady)="onGridReady($event)"
(rowSelected)="onRowSelected($event)" // ----------The FUNCTION----------
[rowData]="rowData"
[gridOptions]="gridOptions"
[columnDefs]="columnDefs"
[defaultColDef]="defaultColDef"
[modules]="modules"
[pagination]="true"
[paginationPageSize]="paginationPageSize"
[pagination]="true"
[domLayout]="domLayout"
[rowHeight]="rowHeight"
[overlayLoadingTemplate]="overlayLoadingTemplate"
[overlayNoRowsTemplate]="overlayNoRowsTemplate"
[rowSelection]="rowSelection"
>
</ag-grid-angular>
<div #anchorErrorMessage class="container">
<div
[hidden]="!rowErrorMessage"
class="alert alert-danger"
role="alert"
>
<h4 class="alert-heading">Erro de inconsistência!</h4>
<hr />
<ul>
<li *ngFor="let error of rowErrorMessage">
{{ error }}
</li>
</ul>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的 .ts 文件
onRowSelected(event) {
console.log(event.node.data.erros);
this.rowErrorMessage = '';
this.rowErrorMessage = event.node.data.erros;
setTimeout(() => {
this.anchorErrorMessage.nativeElement.scrollIntoView({ behavior: …Run Code Online (Sandbox Code Playgroud)