README

灵感来源: https://github.com/iPublikuj/visual-paginator

安装

$ composer require geniv/nette-visual-paginator

或

"geniv/nette-visual-paginator": "^2.0"

require

"php": ">=7.1",
"nette/application": ">=3.0",
"nette/utils": ">=3.0",
"geniv/nette-general-form": ">=1.0"

包含在应用程序中

neon 配置

services:
    - VisualPaginator\VisualPaginatorFactory

渲染器（实现 IPaginatorRenderer）

BasicRenderer
1 2 3 4 5 6 7 8 9 10

AdvanceTypeARenderer(['relatedPages'=>3, 'count'=>4])
1 2 3 4 ... 13 ... 26 ... 38 ... 50

AdvanceTypeBRenderer(['part' => 3, 'middle' => 2])
1 2 3 ... 48 49 50

展示者

/** @var \VisualPaginator\VisualPaginatorFactory @inject */
public $visualPaginator;

public function render...()
{
    // for dibi
    $items = $this->model->getList();

    $items = range(1, 150);

    $vp = $this->getComponent('visualPaginator')->getPaginator();
    $vp->setItemCount(count($items))
        ->setItemsPerPage(5);

    // for dibi
    $this->template->items = $items->limit($vp->getLength())->offset($vp->getOffset());

    // for array
    $this->template->items = array_slice($items, $vp->getOffset(), $vp->getLength())
}

protected function createComponentVisualPaginator()
{
    $component = $this->visualPaginator->create();
    //$component->setTemplatePath(__DIR__.'/VisualPaginator.latte');
    $component->setPaginatorRenderer(new BasicRenderer);
    return $component;
}

或

$vp = $this['VisualPaginator']->getPaginator();

...

protected function createComponentVisualPaginator(\VisualPaginator\VisualPaginatorFactory $factory): VisualPaginator
{
    $visualPaginator = $factory->create();
    //$visualPaginator->setTemplatePath(__DIR__.'/templates/visualPaginator.latte');
    $visualPaginator->setPaginatorRenderer(new BasicRenderer);

    $visualPaginator->onSelectPage[] = function (int $page) {
        if ($this->isAjax()){
            $this->redrawControl('grid');
        }
    };

    return $visualPaginator;
}

回调

onSelectPage(int $page)

用法

{control visualPaginator}
or
{control visualPaginator, count=>200, perPage=>5}

{* link for presenter: *}
<a href="{plink this, 'page'=>$step}" n:class="$step==$paginator->getPage()?active, ajax">{$step}</a>

{* link for component: *}
<a n:href="this, 'page'=>$step" n:class="$step==$paginator->getPage()?active, ajax">{$step}</a>

{* link for ajax: *}
<a n:href="SelectPage!, 'page'=>$step" n:class="$step==$paginator->getPage()?active, ajax">{$step}</a>