Pager

Binding to Bootstrap pager component.

Examples

Html markup

<div data-bind="pager: { currentPage: page, totalCount: total, isAligned: aligned, text: text }"></div>

View model

function PagerExampleViewModel() {
    this.page = ko.observable(1);
    this.total = ko.observable(100);
    this.aligned = ko.observable(false);
    this.text = {
        back: ko.observable('←'),
        forward: ko.observable('→')
    };
}

Options

All of the options can be observables.

data-bind="pager: { currentPage: page, totalCount: count, pageSize: size, isAligned: aligned, text: textObj }"