每页项目更改的角度ui-grid渲染问题

时间:2015-03-04 12:16:51

标签: angularjs pagination angular-ui-grid

这是我如何得到它: 1.在第一页上,向下滚动,直到您位于网格底部 2.将“每页项目数”更改为75(假设为25)

我看到网格变成空白。

这里可以观察到这个问题(查看演示):http://ui-grid.info/docs/#/tutorial/214_pagination

任何人都可以告诉我如何解决这个问题,或者如果可以的话,请将我转到解决方案。

1 个答案:

答案 0 :(得分:2)

此链接中建议的修复对我有用:https://github.com/angular-ui/ng-grid/issues/2434

在gridoptions和onRegistedApi上设置virtualizationThreshold

scope.gridOptions = {
                                paginationPageSizes : [ 25, 50, 75, 100],
                                paginationPageSize : 25,
                                virtualizationThreshold: 25,

onRegisterApi: function (gridApi) {
      gridApi.pagination.on.paginationChanged($scope,function(){
        $scope.gridOptions.virtualizationThreshold =  $scope.gridOptions.paginationPageSize;
      })
    }

不确定这是否是理想的解决方案,但它符合我的目的

然而,当我将每页的项目更改为1000时,我发现了性能问题..渲染行需要相当长的时间..