vue.js AG GRID -通过分页和无限模型获取当前页面上的行

fcg9iug3  于 2023-10-23  发布在  Vue.js
关注(0)|答案(2)|浏览(180)

我想知道如何获取当前AG-Grid分页中的所有节点或行。
我最接近这个的是this.gridApi.getRenderedNodes(),但它并没有带来当前页面的所有行。
框架网站:https://www.ag-grid.com/

fdx2calv

fdx2calv1#

您可以使用API方法getModel()获取表的数据。确保使用过滤后的数据。然后,您可以使用方法paginationGetPageSize()来查找当前配置的页面大小。与paginationGetCurrentPage()一起,您可以提取当前页面上的行的子集。
另请参阅文档:https://www.ag-grid.com/documentation/javascript/grid-api/

omhiaaxx

omhiaaxx2#

下面是一个基于ssc-hrep3's answer的例子:

const pageSize = this.gridApi.paginationGetPageSize()
const currentPage = this.gridApi.paginationGetCurrentPage()
const filteredData: MyData[] = []
this.gridApi.forEachNodeAfterFilter((n) => {
  filteredData.push(n.data)
})
const startIndex = currentPage * pageSize
const endIndex = startIndex + pageSize

const pageData = filteredData.slice(startIndex, endIndex)

相关问题