Ряды не показывают ag-grid-angular 8 - PullRequest
Новая
       34

Ряды не показывают ag-grid-angular 8

0 голосов
/ 18 июня 2019

Я делаю проект с Angular 8.

В проекте с использованием ag-grid-angular для отображения сетки.

Однако значения строк не отображаются при отображении заголовков.

Я уже провел поиск в Google, и ниже приведена последняя версия фрагмента кода. 

 <div class="card-body">
  <ag-grid-angular #agGrid style="width: 100%; height: 200px;" class="ag- 
  theme-balham" [gridOptions]="gridOptions"
    (gridReady)="onGridReady($event)" [enableColResize]="true">
  </ag-grid-angular>
</div>


 ...
 private gridOptions: GridOptions;
 ...
 constructor(
   this.gridOptions.columnDefs = [
  {
    headerName: 'Parent Process Code', field: 'parentProcessCode',
    checkboxSelection: function (params) {
      return params.columnApi.getRowGroupColumns().length === 0;
    },
    headerCheckboxSelection: function (params) {
      return params.columnApi.getRowGroupColumns().length === 0;
    },
    filter: 'agTextColumnFilter',
    cellRenderer: 'agGroupCellRenderer',
    cellRendererParams: {
      innerRenderer: function (params) {
        return '<span style="cursor: default;">' + params.value + '</span>';
      }
    }
  },
  {
    headerName: 'Created Date', field: 'createdDate', filter: 'agDateColumnFilter',
    cellRenderer: (data) => {
      if (typeof data !== 'undefined') {
        return dateService.checkDateTime(data.value)
      }

      return '';
    }
  },
  { headerName: 'Process Code', field: 'processCode', filter: 'agTextColumnFilter' },
  { headerName: 'Process Name', field: 'processName', filter: 'agTextColumnFilter' },
  { headerName: 'Supplier', field: 'supplier', filter: 'agSetColumnFilter' },
  { headerName: 'Input', field: 'input', filter: 'agSetColumnFilter' },
  { headerName: 'Output', field: 'output', filter: 'agTextColumnFilter' },
  { headerName: 'Customer', field: 'customer', filter: 'agTextColumnFilter' },
  {
    headerName: 'Action', field: 'Action', cellRenderer: 'actionButtonsComponent',
    width: 100, filter: false, sortable: false, editable: false, cellStyle: { 'text-align': 'center' }
  }
];
}
...

onGridReady(params) {
this.processService.list().subscribe((response: ApiResponse) => {
  this.gridOptions.api.setRowData(response.result);
})

}

Я ожидаюстроки должны отображаться, но вместо этого ячейка пуста.

Пожалуйста, помогите мне найти решение.

С уважением.

Бегум

...