Product Selector

Fusion 5.12
    Fusion 5.12

    search:pagination

    Description

    The pagination directive.

    Usage

    as element:

    <search:pagination
       response="{string}"
       [max-pages="{number}"]
       [page-limit="{number}"]
       [first-label="{string}"]
       [show-last="{boolean}"]
       [scroll-to="{string|boolean}"]>
</search:pagination>

    Directive info

    • This directive creates new scope.

    Parameters

    Param Type Details

    response

    string

    The name of the response to use to generate the pagination.

    max-pages

    (optional)

    number

    Maximum number of page links to output (default is 10).

    page-limit

    (optional)

    number

    Maximum limit for which a pagination link is created (e.g. FAST ESP has a default offset limit of ~4000).

    first-label

    (optional)

    string

    Label for the link to the first page. Default: '1'

    show-last

    (optional)

    boolean

    Whether to show a link to the last page. Default: false

    scroll-to

    (optional)

    string]link:[boolean

    The ID of an element to scroll to when the users selects a page. By default it will scroll to the top. You can disable this automatic scrolling by setting this attribute to false

    Example

    Source

    <h3 id="example_normal">Normal</h3>
<search:pagination response="response" max-pages="3"></search:pagination>
<hr />

<h3 styling="text-center" id="example_center">Center (pagination-wrapper-center)</h3>
<search:pagination response="response" max-pages="3" styling="pagination-wrapper-center"></search:pagination>
<hr />

<h3 style="text-align:right;" id="example_right">Right (pagination-wrapper-right)</h3>
<search:pagination response="response" max-pages="3" styling="pagination-wrapper-right"></search:pagination>
    angular.module('lightning').controller('ExampleController', ['$scope', 'ResponseService', function($scope, ResponseService) {
    var response = {query:{rpp:10},hits:{act:[0,22555]},page:1};
    ResponseService.setResponse('response',response);
}]);

    Result

    Result