在 Observable 订阅上刷新 ag-grid

Question

我在订阅 observable 时正在努力刷新 ag-grid。

我有以下一段运行良好的代码。

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

但由于我试图在 ag-grid 的列中放置一个下拉列表，我希望在我们收到数据后创建列配置。所以我将代码更改为以下内容：

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 是“读取一次”属性 - 它们在 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 - 上述方法将为您完成。