ng-grid의 pagingOptions를 설정하는 방법

Question

내 페이지에서 ngGrid를 사용했습니다. 처음 또는 페이지 로딩 시간 설정 페이지 매김 옵션없이 ng-grid를 렌더링했습니다. 그 후 버튼을 클릭하여 페이징 옵션을 설정하려고합니다. 그게 어떻게 가능해?

$scope.persons = [{ name: "Moroni", age: 50 }, 
      { name: "Tiancum", age: 43 }, 
      { name: "Jacob2", age: 27 }, 
      { name: "Jacob3", age: 27 }]; 
    $scope.gridOptions = { 
    data: 'persons', 
    plugins: [new ngGridFlexibleHeightPlugin()] 
}; 

나는 HTML 페이지에서 ng-grid를 설정했습니다.

이제는 호출기 표시 버튼을 클릭 한 후 ng-grid 호출기를 표시하려고합니다. 어떻게해야합니까?

$scope.ShowPager= function() { 
    $scope.pagingOptions = { 
     pageSizes: [10, 20, 30, 500, 1000, 5000], //page Sizes 
     pageSize: 10, //Size of Paging data 
     currentPage: 1 //what page they are currently on 
    }; 
    $scope.gridOptions.pagingOptions = $scope.pagingOptions; 

    $scope.gridOptions.showFooter = true; 

    $scope.gridOptions.enablePaging = true; 

    $scope.gridOptions.totalServerItems = 'totalServerItems'; 
} 

Answer 1

이 내가 그것을 설정하는 방법입니다 ...

  gridOptions.pageOptions = { 
       pageSizes: [20, 50, 100, 200, 500, 1000], 
       pageSize: 20, 
       currentPage: 1, 
       totalServerItems: 0 
      }; 

      gridOptions.pagingOptions = gridOptions.pageOptions; 

이유는 무엇 몰라,하지만 작업은 ....

하는 것이 될 수있다 .. 이런 식으로 짓을 한거야 각 & 복사 붙여 넣기 효과 :

편집의 초기

버튼을 페이징 할 수있게하려면

$scope.gridOptions.enablePaging = false; //disable by default 

$scope.enablePaging = function(){ 
     $scope.gridOptions.enablePaging = true; 
} 

<button ng-click="enablePaging()"></button>