Обновить ag-grid on Observable подписаться

Question

Я изо всех сил пытаюсь обновить ag-сетку по подписке наблюдаемого.

У меня есть следующий код, который хорошо работает.

 this.marketConfigs = this._regionProductConfigService.getMarketConfig();    
      this.gridOptions.columnDefs = this.createColumnDefs(); 
      this.gridOptions.rowData = this.marketConfigs; 

Но так как я пытаюсь поставить раскрывающийся в колонках серебряно-сетки, я хотел столбец конфигурации должен быть создан как только мы получаем данные. Поэтому я изменил код следующим образом:

this._refDataService.getAllCurrencies().subscribe(
      (data: ICurrency[]) => { 
       this.financingCurrencies = data;    
       this.marketConfigs = this._regionProductConfigService.getMarketConfig();    
       this.gridOptions.columnDefs = this.createColumnDefs(); 
       this.gridOptions.rowData = this.marketConfigs;     
       this.gridOptions.enableColResize = true; 
       this.gridOptions.api.refreshView(); 
      }, 
      err => console.log(err) 
     ); 

Но он ничего не показывает в сетке. Может кто-нибудь помочь?

Answer 1

gridOptions.colDefs и gridOptions.rowData являются свойствами «read once» - они читаются в инициализации Grid и не просматриваются снова.

Чтобы выполнить динамическую настройку после строки или столбцов, вам необходимо использовать API.

Изменить

this.gridOptions.columnDefs = this.createColumnDefs(); 
this.gridOptions.rowData = this.marketConfigs;  

Для этого:

this.gridOptions.api.setColumnDefs(this.createColumnDefs()); 
this.gridOptions.setRowData(this.marketConfigs); 

И он должен работать, как ожидалось. Обратите внимание, что если вы используете API в соответствии с вышеизложенным, вам не нужно будет вызывать refreshView - описанные выше методы сделают это для вас.