dir-paginate с двумя dir-pagination-control

на данный момент у меня есть список событий с нумерацией страниц внизу списка. Это работает хорошо, но теперь я хочу добавить дополнительную нумерацию страниц в начало списка. Когда я сейчас меняю нумерацию страниц внизу, нумерация страниц вверху не обновляется.

Мой рабочий код:

<tbody>
        <tr dir-paginate="event in events | orderBy:['id', 't']:true | itemsPerPage: dirPaginate.pageSize" current-page="dirPaginate.currentPage">

            <td><i class="{{ ::(event.el | eventtype).icon }}" tooltip="{{ ::(event.el | eventtype).tooltip }}"></i></td>
            <td class="hidden-xs">{{::event.nr}}</td>
            <td><span ng-bind-html="::('' + event.tg | eventMessage:event.d:'html')"></span>
                <span class="visible-xs"> ({{::event.nr}})</span>
            </td>
            <td>{{ ::(event.t * 1000 | date:'mediumDate')}} <span class="visible-xs">{{ ::(event.t * 1000 | date:'mediumTime')}}</span></td>
            <td class="hidden-xs">{{ ::(event.t * 1000 | date:'mediumTime')}}</td>
        </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="5" class="paginationContainer"><dir-pagination-controls></dir-pagination-controls></td>
            </tr>
        </tfoot>

Как я могу обновить обе страницы, когда одна из них изменена?


angularjs dirpagination
person Christian Pippert    schedule 27.10.2014    source источник
comment
Я мог что-то упустить, но в вашем коде я вижу только один dir-pagination-controls. Не могли бы вы обновить этот пример, если вам все еще нужен ответ? Если вы нашли ответ, было бы неплохо опубликовать свое решение.   -  person SKuijers    schedule 23.03.2015

Ответы (1)


arrow_upward
1
arrow_downward

  1. Загрузите dirPagination.js отсюда. .

  2. Теперь включите dirPagination.js на свою страницу.

  3. Добавьте angularUtils.directives.dirPagination в свой модуль следующим образом.

var app = angular.module("myApp", ['angularUtils.directives.dirPagination']);

4.we use dir-paginate directive for pagination  add dir-paginate in tr tag

<tr dir-paginate="event in events|orderBy:['id', 't']:true |
     itemsPerPage: dirPaginate.pageSize">

5.Add below given code on upper and lower side of your grid .it will automatically update page no. in both pagination controls. 


 <dir-pagination-controls
            max-size="5"
            direction-links="true"
            boundary-links="true" >
        </dir-pagination-controls>
person Sahil Saini    schedule 21.12.2015