Question

我正在尝试使无限行模型在我的本地系统上运行。使用Angular 6。

首先要进行测试，我只是在应用程序中创建了一个组件，并添加了ag-grid示例的源进行测试。它不会给出任何错误，但也不会显示网格：

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


this.http
  .get('https://raw.githubusercontent.com/ag-grid/ag-grid-docs/master/src/olympicWinners.json')
  .subscribe( data => {

    const dataSource = {
      rowCount: null,
      getRows: (params: any) => {
        console.log('getRows  ---- asking for ' + params.startRow + ' to ' + params.endRow);
        // console.log('sortModel: ' + params.sortModel + ' context: ' + params.context );

        setTimeout(function () {
          // console.log(JSON.stringify(data));
          // console.log('log 1:' + (<any>data).slice(params.startRow, params.endRow));
          // const rowsThisPage = (<any>data).slice(params.startRow, params.endRow);
          // @ts-ignore
          const rowsThisPage = data.slice(params.startRow, params.endRow);
          console.log('rowsThisPage: ' + rowsThisPage);
          let lastRow = -1;
          // @ts-ignore
          console.log('length: ' + data.length);
          // @ts-ignore
          if (data.length <= params.endRow) {
            // @ts-ignore
            lastRow = data.length;
          }
          console.log('lastRow: ' + lastRow);

          params.successCallback(rowsThisPage, lastRow);
        }, 500);
      }
    };
    params.api.setDatasource(dataSource);
    console.log('dataSource: ' + JSON.stringify(dataSource));

  });
}

控制台日志中的输出显示：ag-Grid.Context：>>创建 ag-Application Context 64logger.js：58 ag-Grid.Context：bean [对象O 创建了logger.js：58 ag-Grid.GridCore：准备就绪logger.js：58 ag-Grid.Context：>>已准备好ag-Application上下文-组件处于活动状态 logger.js：58 ag-Grid.BalancedColumnTreeBuilder：的级别数分组的列是0 grid.js：150 ag-Grid->成功初始化，企业=错误logger.js：58 ag-Grid.SelectionController：重置 logger.js：58 ag-Grid.RowNodeBlockLoader：printCacheStatus： activePageLoadsCount = 0，块= {“ 0”：{“ blockNumber”：0，“ startRow”：0，“ endRow”：100，“ pageStatus”：“ dirty”}} logger.js：58 ag-Grid.RowNodeBlockLoader：checkBlockToLoad：正在加载第0页logger.js：58 ag-Grid.RowNodeBlockLoader：printCacheStatus： activePageLoadsCount = 1，区块= {“ 0”：{“ blockNumber”：0，“ startRow”：0，“ endRow”：100，“ pageStatus”：“ loading”}} collection-history-headers.component.ts：178数据来源： {“ rowCount”：null} collection-history-headers.component.ts：153 getRows ----要求0到100 collection-history-headers.component.ts：162行此页：[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象]，[对象对象] collection-history-headers.component.ts：165长度：8618 collection-history-headers.component.ts：171 lastRow：-1 logger.js：58 ag-Grid.RowNodeBlockLoader：printCacheStatus：activePageLoadsCount = 0，方块= {“ 0”：{“ blockNumber”：0，“ startRow”：0，“ endRow”：100，“ pageStatus”：“ loaded”}} logger.js：58 ag-Grid.RowNodeBlockLoader：checkBlockToLoad：没有页面加载logger.js：58 ag-Grid.InfiniteCache：onPageLoaded：page = 0， lastRow = -1

无限行模型示例在本地运行时不显示任何数据

0 个答案: