UI-Grid Seitennummerierung funktioniert nicht

Question

Ich bin erst am Anfang der Implementierung von UI-Grid in meine Anwendung.

Ich habe die official ui-grid documentation für die Paginierung Funktion verfolgt, und bis jetzt konnte ich es nicht ganz funktionieren.

Obwohl es die Paginierung Kontrollen zeigt, dass es nicht 'zu respektieren', um die Parameter ich in den Code eingegeben haben, wie folgt:

$scope.setGrid = function() { 

    $scope.gridOptions = { 
     enablePagination: true, 
     pageSize: 10, 
     paginationPageSize: 10, 
     paginationPageSizes: [25, 50, 75], 
     enableHorizontalScrollbar: false, 
     enablePaginationControls: true, 
     columnDefs: [ 
      { name: 'name', field: 'name', type:'object', enableCellEdit: false }, 
      { name: 'lastName', field: 'last_name', type: 'object', enableCellEdit: false }, 
      { name: 'email', field: 'email', type: 'object', enableCellEdit: false }, 
      { name: 'creationDate', field: 'created', type: 'object', enableCellEdit: false, cellFilter: 'date:"dd/MM/yyyy HH:mm:ss"'}, 
      { name: 'userActive', enableCellEdit: false, field: 'active', type: 'boolean'} 

     ], 
     data: $scope.users 
    } 
} 

Und in der HTML-Ansicht:

<div class="row"> 
    <div class="panel-body"> 
    <rd-widget-body classes="medium no-padding"> 
     <div id="grid1" ui-grid-pagination ui-grid="gridOptions" class="grid"></div> 
    </rd-widget-body> 
    </div> 
</div> 

In mein Module Block:

angular.module('RDash', [ 
'ui.bootstrap', 
'ui.router', 
'ngCookies', 
'ngRoute', 
'ngResource', 
'doowb.angular-pusher', 
'xeditable', 
'ui.grid', 
'ui.grid.edit', 
'ui.grid.pagination', 
'ui.grid.resizeColumns', 
'ui.grid.selection' 
]); 

Das Problem, was geschieht, ist, dass in meinem Gitter, obwohl es con Die Seitennummerierungssteuerelemente sind deaktiviert und berücksichtigen nicht die konfigurierten pageSize- und paginationPagesSize-Seiten.

Es werden stattdessen alle Elemente in meinem Dataset angezeigt (bisher 35 Elemente für diesen Test) und im Dropdown-Menü Elemente pro Seite wird 250 | 500 | 1000 angezeigt, was die Standardkonfiguration zu sein scheint.

Es scheint, dass ich vergessen habe, eine Methode zu nennen, um das Ganze "anzuheizen", aber ich bin unsicher.

Ich fand viele Beispiele für Paginierung, such as this one, sie sind alle ziemlich einfach, aber immer noch kann ich nicht scheinen, damit es funktioniert. Die Seitennummerierung, obwohl die Steuerelemente angezeigt werden, ist vollständig deaktiviert und nicht die Parameter, die ich eingestellt habe.

Meine ui-Grid-Version ist v4.0.11 (2017.11.20), wie aus den

Answer 1

CHANGELOG.md genommen Ich habe herausgefunden, was falsch war. Alle Parameter sind korrekt, das Problem war, dass die Methode $ scope.setGrid() in meinem Code aufgerufen wurde, bevor der Code das Dataset tatsächlich in $ scope.gridOptions.data gebunden hat. Ich habe die Laufzeit geändert, so dass sie nur aufgerufen wird, wenn die eigentliche Bindung stattfindet und alles funktioniert.