AngularJS dirPagination Выбрать все видимые строки

Наконец-то забрезжил свет.

checkAll (), как написано, попытался получить доступ к каждой строке, вычислив ее позицию, используя dir-paginate __default__currentPage и Angular row $ index.

Конечно, это не сработает, потому что коллекция items [], хранящаяся в dir-paginate, была подвергнута фильтрации и сортировке, поэтому, хотя items [] действительно проверяется (item.isSelected = true), выбранные элементы / строки живут на не -видимые страницы. т.е. - мы выбирали неправильные индексы.

Одно решение состоит из следующего -

Флажок мастера

<input type="checkbox" id="masterCheckbox" ng-model="masterCheck" ng-click="checkAll()" />

Флажок строки (обратите внимание на вызовы функций)

<input type="checkbox" class="rowSelector" value="{{sourceIndex('senId',item.senId)}}" ng-model="item.isSelected" ng-click="rowSelect(this)" />

тег управления директивой dir-paginate

 <dir-pagination-controls on-page-change="onPageChange(newPageNumber)" max-size="15" direction-links="true" boundary-links="true" pagination-id="" template-url=""></dir-pagination-controls>

и соответствующие значения и функции $ scope:

       $scope.items = [];
       $scope.masterCheck = false;
       $scope.onPageChange = function (newPageNumber) {
           //clear all selections on page change
           //dir-paginate provides this hook
           $scope.masterCheck = false;
           for (var i in $scope.items) {
               $scope.items[i].isSelected = false;
           }
       }

       $scope.rowSelect = function (item) {
           //if one is unchecked have to turn master off
           if (!item.isSelected) $scope.masterCheck = false;
       }

       $scope.sourceIndex = function (keyName, key) {
           //gets the actual items index for the row key
           //see here http://stackoverflow.com/questions/21631127/find-the-array-index-of-an-object-with-a-specific-key-value-in-underscore
           //for the 'getIndexBy' prototype extension
           var ix = $scope.items.getIndexBy(keyName, key);
           return ix;

       }

       $scope.checkAll = function () {
           //only visible rows 
           var boxes = document.getElementsByClassName("rowSelector");
           for (var bix in boxes) {
               var ix = boxes[bix].value;
               $scope.items[ix].isSelected = $scope.masterCheck;
           }
       }

Вероятно, есть способ получше, но, хотя он и не очень эффективен, он работает достаточно хорошо для обычных людей.

Функция $ scope.sourceIndex () вставляет фактический индекс исходной строки в флажок строки как его значение = значение атрибута.

Затем функция checkAll () захватывает все видимые строки классом rowSelector, а затем выполняет итерацию по ним, захватывая индекс данных из значения флажка и устанавливая соответствующий item.isSelected.

$ Scope.onPageChange указывается в директиве dir-Paginate controls и гарантирует, что при изменении страницы все выбранные строки очищаются.

Счастливы счастливы.

Для вашей переменной masterCheck устанавливается значение false в rowSelect (), а затем в checkAll () вы устанавливаете значение check для masterCheck, которое затем используется для назначения isSelected

Эта строка неверна:

var checked = $scope.masterCheck == true;

Потому что вы хотите перевернуть masterCheck, поэтому он должен быть:

$scope.masterCheck = !$scope.masterCheck;

а потом

.isSelected = $scope.masterCheck;

Вы никогда не устанавливали для $ scope.masterCheck значение true, поэтому оно всегда было ложным, и поскольку ваши значения isSelected зависели от него, они всегда были ложными. Кроме того, это работает как checkAll / unCheckAll, чтобы проверять только все изменения в следующем:

$scope.masterCheck = !$scope.masterCheck;
var checked = $scope.masterCheck == true;