PivotPager

29 May 20193 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.

Syntax

  • JAVASCRIPT
    • $(element).ejPivotPager();

    Example

  • HTML
    • <div id="PivotPager1"></div>     
    <script>
        //Create PivotPager
        $("#PivotPager1").ejPivotPager(...);     
    </script>

    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:

  • JAVASCRIPT
    • $("#PivotPager1").ejPivotPager({ categoricalCurrentPage: 1 });

    categoricalPageCount number

    Contains the total page count in categorical axis.

    Default Value: 1

    Example:

  • JAVASCRIPT
    • $("#PivotPager1").ejPivotPager({ categPageCount: 1 });

    locale string

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

    Default Value: “en-US”

    Example:

  • JAVASCRIPT
    • $("#PivotPager1").ejPivotPager({ locale: "en-US" });

    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:

  • JAVASCRIPT
    • $("#PivotPager1").ejPivotPager({ mode: ej.PivotPager.Mode.Series });

    seriesCurrentPage number

    Contains the current page number in series axis.

    Default Value: 1

    Example:

  • JAVASCRIPT
    • $("#PivotPager1").ejPivotPager({ seriesCurrentPage: 1 });

    seriesPageCount number

    Contains the total page count in series axis.

    Default Value: 1

    Example:

  • JAVASCRIPT
    • $("#PivotPager1").ejPivotPager({ seriesPageCount: 1 });

    targetControlID string

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

    Default Value: “”

    Example:

  • JAVASCRIPT
    • $("#PivotPager1").ejPivotPager({ targetControlID: "PivotGrid1" });

    Methods

    initPagerProperties()

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

    Example:

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