为什么我的角度分页不起作用

Why is my angular paging not working?

本文关键字：分页 不起作用 我的 为什么      更新时间：2023-09-26

加载数据时分页工作。在我包含enteredValue/搜索功能来填充网格后，我不再看到每页5个项目，下一个/上一个按钮也不起作用。我相信gridOptions中的数据从"myData"更改为"source"打破了分页。我正试图将$scope.source传递到setPagingData函数中，但遇到了问题。如何使分页正常工作？

 $scope.setPagingData = function(data, page, pageSize) {
            var pagedData = data.slice((page - 1) * pageSize, page * pageSize);
            $scope.myData = pagedData;
            $scope.totalServerItems = data.length;
            if (!$scope.$$phase) {
              $scope.$apply();
            }
          };
 $scope.gridOptions = {
            data: 'source',
            enablePaging: true,
            pagingOptions: $scope.pagingOptions,
            showFooter: true
          };

这是plunker

好的，假设我们添加这样一段代码来在控制器中使用mock数据。

          $scope.getPagedDataAsync = function(url, pageSize, page, searchText) {
            setTimeout(function() {
                var data;
                 /// this is new and required only for sake of plunker
                if(typeof url !== 'string'){
                  $scope.setPagingData(url, page, pageSize);
                }

现在很明显，您搞砸了网格选项，并将其作为未经过滤的数据源提供。

          $scope.gridOptions = {
            data: 'source',//should be myData
            enablePaging: true,
            pagingOptions: $scope.pagingOptions,
            showFooter: true
          };
相关文章：