1. 程式人生 > >Laravel 自定義分頁、可以調整、顯示數目

Laravel 自定義分頁、可以調整、顯示數目

wid ima subst es2017 cti 選擇 admin custom -m

{{-- 增加輸入框,跳轉任意頁碼和顯示任意條數 --}}
<ul class="pagination pagination-sm">
    <li>
        <span data-toggle="tooltip" data-placement="bottom" title="輸入頁碼" style=" padding: 3.5px; margin-top: 3px;"><input type="text" class="text-center no-padding"  name="{{ $name or ‘page‘ }}" form="{{ $formId
or ‘‘ }}" value="{{ $data->currentPage() or ‘1‘ }}" id="{{ $id or ‘customPage‘}}" data-total-page="{{ $data->lastPage() }}" style="width: 50px;"> 頁 / 共 {{ $data->lastPage() }} 頁 </span> </li> <li style=""> <span data-toggle="tooltip" data-placement="bottom" title="選擇每頁顯示條數" style=" padding: 5.5px; margin-top: 3px;"> <!-- 每頁 <input type="text" class
="text-center no-padding" name=‘perPage‘ form="{{ $formId or ‘‘ }}" value="{{ $data->perPage() }}" id="customLimit" data-total="{{ $data->total() }}" style="width: 50px;" > 條 / 共 {{ $data->total() }} 條 <div class="form-group"> --> <label class="text-center no-padding no-margin">每頁顯示:</label> <select id="perPage" class
="text-center no-padding" name=‘perPage‘ form="{{ $formId or ‘‘ }}" style="width: 50px;"> <option {{ $data->perPage() == 16 ? ‘selected‘: ‘‘}} value="16">默認</option> <option {{ $data->perPage() == 20 ? ‘selected‘: ‘‘}} value="20">20</option> <option {{ $data->perPage() == 50 ? ‘selected‘: ‘‘}} value="50">50</option> <option {{ $data->perPage() == 100 ? ‘selected‘: ‘‘}} value="100">100</option> </select> <label class="text-center no-padding no-margin">條</label> </div> </span> </li> </ul> {{-- @include(‘admin.widget.paginate-jump‘, [ ‘data‘ => ‘data‘, <!-- ‘id‘ => ‘customPage‘, --> <!-- ‘name‘ => ‘page‘, --> ‘formId‘ => ‘formId‘, ]) --}} <script src="/assets/libs/single_file/jquery.min.js"></script> <script type="text/javascript"> $(function(){ // 頁面跳轉 $(‘#{{$id or "customPage"}}‘).blur(function(){ var jump_page = $(this).val(); if (jump_page > {{ $data->lastPage()}} || jump_page <= 0) { $(this).val({{ $data->currentPage() }}); jump_page = {{ $data->currentPage() }}; } $(‘#{{$formId}}‘).submit(); // var url = "{!! $data->url( $data->currentPage() ) !!}"; // var page_posite = url.indexOf(‘page=‘); // var str = url.substr(0,page_posite) + ‘page=‘ + jump_page; // window.location.href = str; // console.log(jump_page, url,page_posite,str ) }); // 每頁顯示條數 $(‘#perPage‘).change(function(){ var per_page = $(this).val(); console.log(per_page); $(‘#{{$formId}}‘).submit(); }) }); </script>

技術分享

Laravel 自定義分頁、可以調整、顯示數目