This sample introduces a
FlexGridPager class that performs grid-level pagination.
The differences between grid-level pagination and the more traditional data-level pagination provided by the
CollectionView class are:
The grid-level pagination takes into account the collapsed/expanded state of group rows, so if you collapse or expand a group,
the number of rows displayed will correspond to the page size. Data-level pagination does not account for collapsed groups,
so if you collapse a group the grid will display fewer rows than the page size.
The grid-level pagination keeps all grid rows loaded, and simply hides rows that are not on the current page by setting their
height to zero. The data-level pagination loads only the rows that correspond to data items on the current page.
The grid-level pagination affects only the
FlexGrid it is applied to. The data-level pagination affects all controls bound to the collection view.
FlexGridPager with a FlexGrid
The grid below uses a
FlexGridPager to show the same number of rows per page, regardless of group state:
FlexGridPager with a PivotGrid
The
PivotGrid class extends
FlexGrid and can also be used with the
FlexGridPager class.
Try expanding or collapsing some groups, notice how the grid still shows the same number of rows.