Custom Pagination: Mengganti Tampilan Default

Edit file app/config/view.php:
...
'pagination' => 'pagination::slider',
Ada 3 jenis paginasi yang secara default sudah disediakan oleh laravel 4, yaitu: slider dan simple (untuk bootstrap 2.x), serta slider-3 (untuk bootstrap 3).

Custom Pagination

Jika Anda ternyata cukup berani membuat tampilan paginasi sesuai selera sendiri, maka tidak perlu khawatir karena hal tersebut juga dimungkinkan. Cukup ganti pagination::slider dengan elements/custom-pagination, lalu buat sebuah file baru app/views/elements/custom-pagination.php. Isinya copy paste saja dari default slider yang ada di vendor/framework/src/Illuminate/Pagination/views/slider.php, lalu modifikasi sesuai kebutuhan.
<?php
	$presenter = new Illuminate\Pagination\BootstrapPresenter($paginator);
?>

<?php if ($paginator->getLastPage() > 1): ?>
	<div class="pagination">
		<ul>
			<?php echo $presenter->render(); ?>
		</ul>
	</div>
<?php endif; ?>
Sebagai contohnya, misalnya jadi seperti ini:
<?php
    $presenter = new Illuminate\Pagination\BootstrapPresenter($paginator);

    $prevUrl = $paginator->getUrl($paginator->getCurrentPage() - 1);

    $nextPage = $paginator->getCurrentPage() + 1;
    if($nextPage > $paginator->getLastPage())
    {
        $nextPage = $paginator->getCurrentPage();
    }
    $nextUrl = $paginator->getUrl($nextPage);

?>
<div class="btn-group">
    <a href="{{ $prevUrl }}" class="btn"><i class="icon icon-chevron-left"></i></a>
    <span class="btn">{{ $paginator->getCurrentPage() }} / {{ $paginator->getLastPage() }}</span>
    <a href="{{ $nextUrl }}" class="btn"><i class="icon icon-chevron-right"></i></a>
</div>
Beberapa fungsi yang dimiliki object $paginator yang mungkin berguna untuk membuat style paginasi sesuai selera Anda antara lain:
$paginator->getTotal();
$paginator->getFrom();
$paginator->getTo();
$paginator->getCurrentPage();
$paginator->getPerPage();
$paginator->getLastPage();

Custom Pagination: Mengganti Tampilan Default Custom Pagination: Mengganti Tampilan Default Reviewed by Unknown on October 25, 2017 Rating: 5

No comments:

Powered by Blogger.