带有两个目录分页控件的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

回答

相关问题