PivotPager

29 Sep 20174 minutes to read

PivotPager is a control used to render large amount of data without any performance constraint in PivotGrid and PivotClient. The PivotPager widget is used to navigate between pages to view the paged information.

Example

HTML

<ej-pivotpager id="PivotPager1"></ej-pivotpager>

TS

export class AppComponent {
  //..
 }

Requires

• module:jQuery-3.0.0.min.js
• module:ej.core.js
• module:ej.data.js
• module:ej.touch.js
• module:ej.waitingpopup.js
• module:ej.pivotpager.js
• module:ej.pivotgrid

Members

categoricalCurrentPage number

Contains the current page number in categorical axis.

Default Value: 1

Example:

HTML

<ej-pivotpager id="PivotPager1" [categoricalCurrentPage]=1></ej-pivotpager>

TS

export class AppComponent {
  //..
 }

categoricalPageCount number

Contains the total page count in categorical axis.

Default Value: 1

Example:

HTML

<ej-pivotpager id="PivotPager1" [categoricalPageCount]=1></ej-pivotpager>

TS

export class AppComponent {
  //..
 }

locale string

Allows the user to set the localized language for the widget.

Default Value: “en-US”

Example:

HTML

<ej-pivotpager id="PivotPager1" [locale]="en-US"></ej-pivotpager>

TS

export class AppComponent {
  //..
 }

mode enum

Sets the pager mode (Only Categorical Pager/Only Series Pager/Both) for the PivotPager.

Default Value: ej.PivotPager.Mode.Both

Name	Description
Both	To set both categorical and series pager for paging.
Categorical	To set only categorical pager for paging.
Series	To set only series pager for paging.

Example:

HTML

<ej-pivotpager id="PivotPager1" [mode]="mode"></ej-pivotpager>

TS

export class AppComponent {
    
    public  mode;

        constructor()
        {
          this.mode = ej.PivotPager.Mode.Series; 
        }
 }

seriesCurrentPage number

Contains the current page number in series axis.

Default Value: 1

Example:

HTML

<ej-pivotpager id="PivotPager1" [seriesCurrentPage]=1></ej-pivotpager>

TS

export class AppComponent {
  //..
 }

seriesPageCount number

Contains the total page count in series axis.

Default Value: 1

Example:

HTML

<ej-pivotpager id="PivotPager1" [seriesPageCount]=1></ej-pivotpager>

TS

export class AppComponent {
  //..
 }

targetControlID string

Contains the ID of the target element for which paging needs to be done.

Default Value: “”

Example:

HTML

<ej-pivotpager id="PivotPager1" targetControlID="PivotGrid1"></ej-pivotpager>

TS

export class AppComponent {
  //..
 }

Methods

initPagerProperties()

This function initializes the page counts and page numbers for the PivotPager.

Example:

TS

export class AppComponent {
    
  ngAfterViewInit(){

     let pagerObj = $("#PivotPager1").data("ejPivotPager");
     pagerObj.initPagerProperties(150, { CategorialPageSize: 10, SeriesPageSize: 10, CategorialCurrentPage: 1, SeriesCurrentPage: 1});
  }
}