使用ag Grid v2.X,我试图开发一个网格,当页面滚动(不是网格滚动)到达底部时加载更多数据。
通过搜索类似的问题,我找到了解决方案第一个问题:
ngGrid 必须具有动态高度,所以我做了这个
.ngViewport{ height:auto !important; } .ngCanvas, .ngViewport, .ngRow, .ngFooterPanel, .ngTopPanel { width: 100% !important; } .ngRow { border-bottom:none !important; }
这带我去我的第二个问题。我需要通过滚动加载数据,我发现:ngGridEventScroll, but o仅在使用 ngGrid 实习生滚动时触发,我需要页面滚动
$scope.$on('ngGridEventScroll', function () {
$scope.currentDataPosition++;
$scope.setPagingData($scope.dataArray, $scope.currentDataPosition, $scope.pagingOptions.pageSize);
});
因此,解决方案 1 破坏了解决方案 2,因为 ngGridEvent Scroll 不再具有实习滚动。
$scope.setPagingData = function (data, page, pageSize) {
cfpLoadingBar.start();
var pagedData = data.slice((page - 1) * pageSize, page * pageSize, page * pageSize);
$scope.totalServerItems = data.length;
$scope.myData = pagedData;
cfpLoadingBar.complete();
};
$scope.gridOptions = {
data: 'myData',
virtualizationThreshold: 50,
enableRowSelection: false,
enablePaging: false,
enableSorting: false,
showFooter: false,
pagingOptions: $scope.pagingOptions,
filterOptions: $scope.filterOptions,
}
可以做什么?