import Pagination from 'n2o/src/components/snippets/Pagination/Pagination.jsx'Pagination
Extends:
react~React.Component → Pagination
Компонент интерфейса разбивки по страницам
Example:
<Pagination onSelect={this.changePage}
activePage={datasource.page}
count={datasource.count}
size={datasource.size}
maxButtons={4}
stepIncrement={10} />React Props:
| Name | Type | Attribute | Description |
| prev | boolean | показать/скрыть кнопку быстрого перехода на предыдущую страницу | |
| prevText | boolean | текс кнопки | |
| next | boolean | показать/скрыть кнопку быстрого перехода на следующую страницу | |
| nextText | boolean | текст кнопки | |
| first | boolean | показать/скрыть кнопку быстрого перехода на первую страницу | |
| last | boolean | показать/скрыть кнопку быстрого перехода на последнюю страницу | |
| lazy | boolean | активировать режим "ленивой" пейджинации | |
| withoutBody | boolean | скрыть тело пагинации | |
| showCountRecords | boolean | показать индикатор общего кол-ва записей | |
| hideSinglePage | boolean | скрывать компонент, если страница единственная | |
| maxButtons | number | максимальное кол-во кнопок перехода между страницами | |
| stepIncrement | number | шаг дополнительной кнопки (1,2.3 ... 11) | |
| count | number | общее кол-во записей | |
| size | number | кол-во записей на одной странице | |
| activePage | number | номер активной страницы | |
| onSelect | function | callback нажатия по кнопке страницы | |
| className | string | класс для списка внутри nav |
Method Summary
| Public Methods | ||
| public |
render(): * Базовый рендер компонента |
|
| public |
renderBodyPaging(activePage: *, pages: *, maxButtons: *, stepIncrement: *, onSelect: *): Array Рендер тела компонента. |
|