84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
如題:從資料庫取出的資料有幾百頁那麼多,然而,laravel 提供的分頁器只顯示目前頁的前後幾頁。 但當我想要跳到分頁條上沒有的頁面時,只能經過跳頁逐步達到想要的頁面。 有沒有方法實作可以在分頁條上顯示一個輸入框,使用者可以輸入自訂頁碼,然後跳到該頁瀏覽資料。
光阴似箭催人老,日月如移越少年。
明確的告訴你是可以的,而且很簡單,有兩種方法,這兩種方法都是在views/vendor/pagination目錄下操作:
views/vendor/pagination
修改default.blade.php,類似程式碼如下:
default.blade.php
<ul class="pagination no-margin pull-right"> {{-- 首页 --}} @if ($paginator->onFirstPage()) <li class="disabled"> <span>首页</span> </li> @else <li> <a href="{{ $paginator->url(1) . '&limit=' . $paginator->perPage() }}">首页</a> </li> @endif {{-- 上一页 --}} @if ($paginator->onFirstPage()) <li class="disabled"> <span>上一页</span> </li> @else <li> <a href="{{ $paginator->previousPageUrl() . '&limit=' . $paginator->perPage() }}">上一页</a> </li> @endif {{-- Pagination Elements --}} @foreach ($elements as $element) <!-- "Three Dots" Separator --> @if (is_string($element)) <li class="disabled"><span>{{ $element }}</span></li> @endif <!-- Array Of Links --> @if (is_array($element)) @foreach ($element as $page => $url) @if ($page == $paginator->currentPage()) <li class="active"><span>{{ $page }}</span></li> @else <li><a href="{{ $url . '&limit=' . $paginator->perPage() }}">{{ $page }}</a></li> @endif @endforeach @endif @endforeach {{-- 下一页 --}} @if ($paginator->hasMorePages()) <li> <a href="{{ $paginator->nextPageUrl() . '&limit=' . $paginator->perPage() }}">下一页</a> </li> @else <li class="disabled"> <span>下一页</span> </li> @endif {{-- 尾页 --}} @if ($paginator->hasMorePages()) <li> <a href="{{ $paginator->url($paginator->lastPage()) . '&limit=' . $paginator->perPage() }}">尾页</a> </li> @else <li class="disabled"> <span>尾页</span> </li> @endif </ul> <ul class="clearfix"></ul> {{-- 增加输入框,跳转任意页码和显示任意条数 --}} <ul class="pagination pagination-sm no-margin no-padding pull-right"> <li> <span data-toggle="tooltip" data-placement="bottom" title="输入页码,按回车快速跳转"> 第 <input type="text" class="text-center no-padding" value="{{ $paginator->currentPage() }}" id="customPage" data-total-page="{{ $paginator->lastPage() }}" style="width: 50px;"> 页 / 共 {{ $paginator->lastPage() }} 页 </span> </li> <li> <span data-toggle="tooltip" data-placement="bottom" title="输入每页条数,按回车快速跳转"> 每页 <input type="text" class="text-center no-padding" value="{{ $paginator->perPage() }}" id="customLimit" data-total="{{ $paginator->total() }}" style="width: 50px;"> 条 / 共 {{ $paginator->total() }} 条 </span> </li> </ul>
自訂一個分頁範本文件,如custom.blade.php,然后在其他模板中的分页方法参数中指定这个分页模板,如{!! $articles->render('vendor/pagination/custom') !!};
custom.blade.php
{!! $articles->render('vendor/pagination/custom') !!}
明確的告訴你是可以的,而且很簡單,有兩種方法,這兩種方法都是在
views/vendor/pagination
目錄下操作:修改
default.blade.php
,類似程式碼如下:自訂一個分頁範本文件,如
custom.blade.php
,然后在其他模板中的分页方法参数中指定这个分页模板,如{!! $articles->render('vendor/pagination/custom') !!}
;