Pagination

Overview

The Pagination component is a utility component that displays a list of data in a tabular format. The Pagination component divides a large amount of data into pages and displays them one by one as required. The Pagination component displays the data of a page along with a Left button, a Right button, and a label to display the number of the current page.

NOTE: The Pagination component is used inside the Mobile Banking application.

Pagination Contracts

The Pagination component contains the following contracts.

• setData Method
• leftClickCallback Event
• rightClickCallback Event

setData Method

This method is used to set the properties of the component.

var data = {
	currentPageNo: 2,
	maxPageNo: 5,
	leftClickCallBack: this.parentFunc1,
	rightClickCallBack: this.parentFun2
};
this.view.pagination.setData(data);			
		

leftClickCallback Event

This callback is triggered when the user clicks the left button. When this event is triggered, the component executes the function set in the setData method.

this.leftClickCallback(currentPageNo); 

rightClickCallback Event

This callback is triggered when the user clicks the right button. When this event is triggered, the component executes the function set in the setData method.

this.rightClickCallback(currentPageNo);