angular-ui-grid 3.0.0-rc.16错误: gridApi.pagination.on未定义

Question

当我从angular-ui-grid站点关注tutorial on pagination时。

此代码在页面编译时出现错误: gridApi.pagination.on.paginationChanged($scope，function (newPage，pageSize) { paginationOptions.pageNumber = newPage；paginationOptions.pageSize = pageSize；getPage(newPage -1，pageSize)；})；

“错误: gridApi.pagination.on未定义

我使用的是angularjs angular#1.3.11和ui-grid 3.0.0-rc.16

Answer 1

您可能没有使用分页指令。在模块定义中，您应该定义分页依赖关系：

   var app = angular.module('app', ['ui.grid', 'ui.grid.pagination']);

在HTML代码中，您应该使用分页指令：

   <div ui-grid="gridOptions" ui-grid-pagination class="grid"></div>

还有另一件事。检查您的ui-grid代码是否存在以下行：ui-grid code

     paginationChanged: function (currentPage, pageSize) { }

如果不存在，请将您的代码更新到最新版本的ui-grid

Answer 2

检查你的应用程序是否有'ui.grid.pagination'模块(在文件app.js顶部)。

然后确保您拥有onRegisterApi方法并将gridApi应用到您的作用域中。

接下来，检查您的html中是否有'ui-grid-pagination directive'。

最后，检查您是否没有将'enablePaginationControls'设置为false。它应该是true (默认设置)。

它必须工作:)