在 Aggrid Angular2 中计算行数答案

【问题标题】：Count rows in Aggrid Angular2在 Aggrid Angular2 中计算行数
【发布时间】：2018-06-01 23:29:37
【问题描述】：

当我收取数据时，行显示 0 总计 0 选择，但如果我选择 1 行然后我可以看到 4 行 1select，我不明白为什么当应用程序费用不计算行时..

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    this.http.get(this.config.getUrl('myProject')).subscribe(data => {
      this.columnDefs = data['headers'];
      this.rowData = data['datas'];
      this.countOnSelectionChanged(); //here
    });
    params.api.sizeColumnsToFit();
  }

我检查加入功能console.log and totalResults = 0

countOnSelectionChanged() {
    console.log('here');
    this.selectedResults = this.gridApi.getSelectedRows().length;

    this.totalResults = this.gridApi.getDisplayedRowCount();

    console.log('totalResults', this.totalResults);
    console.log('selectedResults', this.selectedResults);
  }

然后当我点击复选框时

 onSelectionChanged() {
    this.countOnSelectionChanged();
    this.enableAssociatedActions();
  }

我再次调用函数 countOnSelectionChanged，现在，totalResults = 4。

谢谢。

【问题讨论】：

标签： angular ag-grid

【解决方案1】：

如果我对您的理解正确，您的问题是在您加载数据后，行数直接显示为“0 总计”。
我认为 api 尚未准备好，即当您第一次调用 this.gridApi.getDisplayedRowCount() 时，网格不显示数据。您可以改为侦听 rowDataChanged 网格事件，然后调用此方法。
Documentation:
rowDataChanged：客户端已使用 api.setRowData() 将新数据设置到网格中或更改 rowData绑定属性。

模板：

<ag-grid-angular (rowDataChanged)="countDisplayedRows($event)">
</ag-grid-angular>

ts：

countDisplayedRows(params) {
  this.totalResults = params.api.getDisplayedRowCount();
}

【讨论】：