Legacy Product

Fusion 5.4

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