帶有兩個目錄分頁控件的dir-paginate

此刻我列出了列表底部的分頁事件列表。這很好，但現在我想在列表的頂部添加一個附加分頁。當我現在更改底部的分頁時，頂部的分頁不會更新。帶有兩個目錄分頁控件的dir-paginate

我的工作代碼爲：

<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>

我怎樣才能既uptate時paginations他們中的一個改變？

來源

2014-10-27 Christian Pippert

我可能失去了一些東西，但在你的代碼中，我只看到一個DIR-分頁的控件。如果你仍然想要一個答案，你能否更新這個例子？如果您找到了答案，那麼發佈您的解決方案可能會很好 – SKuijers 2015-03-23 13:34:33

從這裏下載dirPagination.js。。
現在包含dirPagination.js到您的頁面。
您的模塊中添加angularUtils.directives.dirPagination這樣

變種應用= 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>

來源

2015-12-21 07:23:29

帶有兩個目錄分頁控件的dir-paginate

回答

相關問題