useExternalPagination и rowselection в угловом UIGrid

Question

Я работаю над сеткой UML AngularJS, и когда я использую useExternalPagination, атрибуты useExternalSorting являются true, Rowselection не работает. Ниже мои свойства сетки

$scope.gridOption = { 
     'excessRows': 20, 
     enableSorting: true, 
     enableRowSelection: true, 
     enableRowHeaderSelection: true, 
     multiSelect: true, 
     enablePaginationControls: false, 
     paginationPageSizes: [10,20], 
     paginationPageSize: 10, 
     rowHeight: 160, 
     minRowsToShow: 6, 
     useExternalPagination: true, 
     useExternalSorting: true, 
     rowTemplate: 'temp.html' 
    }; 

мой внешний пагинация в onRegisterApi,

$scope.gridOption.onRegisterApi = function(gridApi) { 
$scope.gridApi = gridApi; 
    gridApi.pagination.on.paginationChanged($scope, function(newPage, pageSize) { 
        pagination.pageNumber = newPage; 
        pagination.pageSize = pageSize; 
        setData(); 
    }); 
}; 

    function setData() { 
    http.get().then(function(data) { 
    $scope.gridOption.totalItems = data.total; 
    $scope.gridOption.data = data.grid; 
      $timeout(function() { 
       $scope.gridApi.selection.selectRow($scope.gridOption.data[0]); 
      },1000); 
     } 

Как вы видите выше, я выбрать первые данные в сетке. $ scope.gridApi.selection.selectRow ($ scope.gridOption.data [0]); но это не выбор первой строки.

, если я удаляю атрибуты useExternalPagination, useExternalSorting selectRow выбирает указанную строку .. Мне нужно использовать опции externalpagination и rowselection. Я что-то пропустил в коде?

Любые полезные руки ....

Спасибо заранее!

Answer 1

Я создал пример pluncker с использованием ExternalPagination, useExternalSorting и enableRowSelection.

http://plnkr.co/edit/I67c3xTkBeXq5OnMkIad?p=preview

Контрольный список: 1) Убедитесь, что вы используете последнюю версию Ui-сетки (3.0.7).
2) Проверьте, добавили ли вы все необходимые зависимости.

HTML:

<div ui-grid="gridOptions" ui-grid-selection ui-grid-pagination class="grid"></div> 

JS:

$scope.gridOptions = { 
    paginationPageSizes: [25, 50, 75], 
    paginationPageSize: 25, 
    useExternalPagination: true, 
    useExternalSorting: true, 
    enableRowSelection: true, 
    enableSelectAll: true 
};