wijpager jQuery Widget

Scan through elements or pages using numeric pages or next and previous buttons.

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    var options; // Type:  wijmo.pager.wijpager.options
     
    $(".selector").wijpager(options);
});

function wijpager() : any;

Options

	Name	Description
	create	The create option is inherited from jQueryUI.
	disabled	Default value: false Determines whether the widget is disabled. If set to true, the control appears dimmed and does not respond when clicked.
	firstPageClass	An option that indicates the class of the first-page button. You can set this option with any of the jQuery UI CSS Framework icons.
	firstPageText	Default value: 'First' An option that indicates the text to display for the first-page button. The text will display like a tooltip when a user hovers over the first-page button.
	lastPageClass	An option that indicates the class of the last-page button. You can set this option with any of the jQuery UI CSS Framework icons.
	lastPageText	Default value: 'Last' An option that indicates the text to display for the last-page button. The text will display like a tooltip when a user hovers over the last-page button.
	mode	Default value: 'numeric' This option determines the pager mode. The possible values for this option are: "nextPrevious", "nextPreviousFirstLast", "numeric", "numericFirstLast".
	nextPageClass	An option that indicates the class of the next-page button. You can set this option with any of the jQuery UI CSS Framework Icons.
	nextPageText	Default value: 'Next' An option that indicates the text to display for the next-page button. The text appears like a tooltip when a user hovers over the next-page button.
	pageButtonCount	Default value: 10 An option that indicates the number of page buttons to display in the pager. You can customize how many page buttons are available for your users to use to page through content. You can use this option in conjunction with the pageCount to customize the pager display.
	pageCount	Default value: 1 An option that indicates the total number of pages. This option allows you to customize the total number of pages that your users will be able to page through. You can use this option in conjunction with the pageButtonCount to customize the pager display.
	pageIndex	Default value: 0 An option that indicates the zero-based index of the current page. By default, your pager will display with the first pager button highlighted since its index is 0.
	previousPageClass	An option that indicates the class of the previous-page button. You can set this option with any of the jQuery UI CSS Framework Icons.
	previousPageText	Default value: 'Previous' An option that indicates the text to display for the previous-page button. The text appears like a tooltip when a user hovers over the previous-page button.

Top

Methods

	Name	Description
	destroy	Removes the dialog functionality completely. This will return the element back to its pre-init state.
	widget	Returns a jQuery object containing the original element or other relevant generated element.

Top

Events

	Name	Description
	pageIndexChanged	The pageIndexChanged event handler is a function called when the page index is changed.
	pageIndexChanging	The pageIndexChanging event handler is a function called when page index is changing. This item is cancellable if you return false.

Top

Widgets

Pager

Reference

wijpager jQuery Widget