当前位置:  开发笔记 > 开发工具 > 正文

如何在ui-grid中的过滤器更改时将分页重置为第一页

如何解决《如何在ui-grid中的过滤器更改时将分页重置为第一页》经验,为你挑选了1个好方法。

//如何在ui-grid中的过滤器更改时将分页重置为第一页.

   $scope.gridApi.core.on.filterChanged( $scope, function() {
                              var grid = this.grid;
                              //var fdata = grid.columns.field;
                              if(paginationOptions.pageNumber > 1){
                               // how to reset the pagination page to first page if pagenumber is greater then zero(0)
                              }
                            });

Costas Vrahi.. 5

我不确定你为什么要这样做,因为如果用户想要转到第二页,他们将被发送回第一页,那么为什么要首先加入分页呢?无论如何,我没有测试过这个,但似乎你可以使用搜索功能.

$ scope.gridApi.pagination.seek(你要去的页面);

在你的情况下,我认为它会

  $scope.gridApi.core.on.filterChanged( $scope, function() {

                          if($scope.gridApi.pagination.getPage() > 1){
                              $scope.gridApi.pagination.seek(1);
                          }
                        });

我不是百分之百,因为我从未使用过ui-grid的分页功能或测试过这段代码,但我希望这会有所帮助.此外,如果它不起作用,您应该使用浏览器开发人员工具并逐步浏览每一行,看看会发生什么,这将有助于您调试和获得您想要的.

使用这些链接可以更好地了解ui-grid的功能

http://ui-grid.info/docs/#/tutorial/214_pagination

http://ui-grid.info/docs/#/api/ui.grid.pagination.api:PublicAPI

https://github.com/angular-ui/ui-grid/issues/2061



1> Costas Vrahi..:

我不确定你为什么要这样做,因为如果用户想要转到第二页,他们将被发送回第一页,那么为什么要首先加入分页呢?无论如何,我没有测试过这个,但似乎你可以使用搜索功能.

$ scope.gridApi.pagination.seek(你要去的页面);

在你的情况下,我认为它会

  $scope.gridApi.core.on.filterChanged( $scope, function() {

                          if($scope.gridApi.pagination.getPage() > 1){
                              $scope.gridApi.pagination.seek(1);
                          }
                        });

我不是百分之百,因为我从未使用过ui-grid的分页功能或测试过这段代码,但我希望这会有所帮助.此外,如果它不起作用,您应该使用浏览器开发人员工具并逐步浏览每一行,看看会发生什么,这将有助于您调试和获得您想要的.

使用这些链接可以更好地了解ui-grid的功能

http://ui-grid.info/docs/#/tutorial/214_pagination

http://ui-grid.info/docs/#/api/ui.grid.pagination.api:PublicAPI

https://github.com/angular-ui/ui-grid/issues/2061

推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有