手动处理页面索引的ng-grid已更改

Question

我从这里有一个ng-grid服务器端分页示例：http://ddeloy.com/angular-ng-grid-example/server-side-page/index.html

然而，作为分页的最初目的..我不想从服务器加载整个记录..我将页面大小和索引传递给服务器代码，所以我需要能够处理点击事件页面索引更改（上一页和下一页按钮）..如何使用ng-grid执行此操作？

Answer 1

在您提供的同一个链接中，您可以看到pageSize和index是在手表中处理的，因此您可以从那里调用服务器端功能，如下所示：

$scope.$watch('pagingOptions', function () {
    $http.post('/get_records', {"page_size": $scope.pagingOptions.pageSize,
                                "page_index": $scope.pagingOptions.currentPage}
    ).success(function (serverPagedData) {
        $scope.myData = serverpagedData;
        $scope.pagingOptions.totalServerItems = serverPagedData.length;
        if (!$scope.$$phase) {
            $scope.$apply();
        }
    });
}, true);

干杯！