Angular ui 网格分页。如何根据过滤的项目显示项目计数？答案

【问题标题】：Angular ui grid pagination. How display item count based on filtered items?Angular ui 网格分页。如何根据过滤的项目显示项目计数？
【发布时间】：2015-09-15 04:38:47
【问题描述】：

这是分页当前给出的（API 返回的项目总数）：

问题是我正在使用 columndefs 过滤数据。

field: 'claimed', displayName: 'Claimed', width: '8%', visible: true,
filter: {
     term: false,
     type: uiGridConstants.filter.SELECT,
     selectOptions: [{value: true, label: true}, {value: false, label: false}]

此过滤器的结果是有限的 # 个项目。在当前情况下为“3”。
我相信项目数与“grid.options.totalitems”相关联。
当我更改数据或选择过滤器时，计数是正确的。
页面首次加载时出错。

我正在使用 angular ui grid 和 django 来设置我的项目。我正在尝试在处理网格设置的控制器中解决此问题。
感谢您提供的任何帮助。

【问题讨论】：

标签： python angularjs django pagination angular-ui-grid

【解决方案1】：

如果您想使用表格，那么您需要自己编写所有内容。

Check this

否则你可以使用已经具备所有功能的ng-grid。

【讨论】：

我正在使用 Angular UI-Grid，它具有内置功能，例如分页和页数。它甚至有总项目数。我真的很想让 Ui-Grid 按需要工作，而不是编写自己的表格。 Ui-Grid 基本上是 ng-grid 3。

【解决方案2】：

对我有用的修复：在填充网格信息的 $http.get 上，我必须添加：

$scope.gridApi.grid.queueGridRefresh();

在控制器中，这是没有错误的代码。

$scope.gridOptions = {
    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
        gridApi.rowEdit.on.saveRow($scope, $scope.saveRow);

        $http.get('/api/this/?format=json')
            .success(function (data) {
                $scope.gridOptions.data = data;
                $scope.gridApi.grid.queueGridRefresh();
        });  //Ends http.get


    },

我必须将 http.get 放在“onRegisterApi”中。

【讨论】：