如何在Laravel中禁用分页指示首页,最后一页和指示上一页,下一页

索莱曼·侯赛因

实际上,我正在尝试使分页禁用处理程序,以便如果我停留在第一页上,则第一页和上一页将被禁用,而下一页和最后一页将保持可单击状态,以便可以转到下一页和最后一页。同样,如果我停留在最后一页上,则下一页和最后一页将被禁用,而上一页和第一页将仍然可以单击。这样我就可以转到上一页和第一页。如何管理该系统?

分页视图设计:

第一个按钮第一页第二个按钮上一页,第三个按钮分页号输入区域,它是我要进入的页数,第四个按钮下一页,第五个按钮最后一页

在此处输入图片说明

功能在这里:

public function index(){

    $master_product_list = EbayMasterProduct::with('variationProducts')->orderByDesc('id')->paginate(50);
    $master_decode_product_list = json_decode(json_encode($master_product_list));

 return view('ebay.master_product.master_product_list',compact('master_product_list','master_decode_product_list'));
        }

这是我的分页视图代码:

<div class="pagination-area">
  <form action="{{url('pagination-all')}}" method="post">
      @csrf
      <div class="datatable-pages d-flex align-items-center">
          <span class="displaying-num">  {{$master_product_list->total()}} items</span>
          <span class="pagination-links d-flex">
              <a class="first-page btn" href="{{$master_decode_product_list->first_page_url}}" data-toggle="tooltip" data-placement="top" title="First Page">
                  <span class="screen-reader-text d-none">First page</span>
                  <span aria-hidden="true">«</span>
              </a>
              <a class="prev-page btn" href="{{$master_decode_product_list->prev_page_url}}" data-toggle="tooltip" data-placement="top" title="Previous Page">
                  <span class="screen-reader-text d-none">Previous page</span>
                  <span aria-hidden="true">‹</span>
              </a>
              <span class="paging-input d-flex align-items-center">
                  <label for="current-page-selector" class="screen-reader-text d-none">Current Page</label>
                  <input class="current-page" id="current-page-selector" type="text" name="paged" value="{{$master_decode_product_list->current_page}}" size="3" aria-describedby="table-paging">
                  <span class="datatable-paging-text d-flex">of<span class="total-pages">{{$master_decode_product_list->last_page}}</span></span>
                  <input type="hidden" name="route_name" value="ebay-master-product-list">
              </span>
              <a class="next-page btn" href="{{$master_decode_product_list->next_page_url}}" data-toggle="tooltip" data-placement="top" title="Next Page">
                  <span class="screen-reader-text d-none">Next page</span>
                  <span aria-hidden="true">›</span>
              </a>
              <a class="last-page btn" href="{{$master_decode_product_list->last_page_url}}" data-toggle="tooltip" data-placement="top" title="Last Page">
                  <span class="screen-reader-text d-none">Last page</span>
                  <span aria-hidden="true">»</span>
              </a>
          </span>
      </div>
  </form>
</div>

马蒂斯塔德

您应该查看文档中可用的分页器方法。
https://laravel.com/docs/8.x/pagination#paginator-instance-methods

具体来说,您将需要以下这些:

$paginator->currentPage(); // get the current page number
$paginator->lastPage();    // get the page number of the last available page

如果要删除按钮,您的代码将如下所示:

<div class="pagination-area">

    // ...

    @if ($master_product_list->currentPage() > 1)        
        // first and previous buttons
    @endif

    // ...

    @if ($master_product_list->currentPage() !== $master_product_list->lastPage())
        // last and next buttons
    @endif

    // ...
  
</div>

如果只想禁用按钮,则可以添加一个disabled类:

<a class="first-page btn {{ $master_product_list->currentPage() > 1 ? '' : 'disabled' }}">
    // ...
</a>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

禁用轮播上一页下一页按钮

来自分类Dev

分页/上一页和下一页链接未显示

来自分类Dev

隐藏首页/最后一页上的上一页/下一页按钮

来自分类Dev

如何在引导分页中更改下一页和上一页的标签?

来自分类Dev

Instagram API分页-上一页

来自分类Dev

上一页,下一页javascript

来自分类Dev

如何禁用预加载ViewPager中的下一页?

来自分类Dev

如何在下一页中打开视频?

来自分类Dev

分页的下一页链接

来自分类Dev

Laravel分页获取下一页

来自分类Dev

如何在Laravel中禁用分页指示首页,最后一页和指示上一页,下一页

来自分类Dev

PHP MYSQL的上一页/下一页

来自分类Dev

禁用ViewPager Android的下一页

来自分类Dev

Extjs-分页工具栏禁用下一页和上一页

来自分类Dev

如何使鼠标在Excel中滚动的行为类似于上一页/下一页

来自分类Dev

PHP-分页最后一页?

来自分类Dev

jQuery加载方法以异步加载下一页和上一页

来自分类Dev

cakephp分页下一页,上一页字符发行

来自分类Dev

如何在引导分页中更改下一页和上一页的标签?

来自分类Dev

如何在Pentadactyl的新标签页中打开上一页/下一页?

来自分类Dev

上一页下一页隐藏在分页中吗?

来自分类Dev

最后一页(上载页)不断返回,如何在硒中停留在同一页上

来自分类Dev

上一页,下一页javascript

来自分类Dev

在Atom Editor OSX中无法上一页和下一页

来自分类Dev

当WebView无法进入上一页和下一页时,请禁用previousBtn和nextBtn

来自分类Dev

Instagram API分页:下一页

来自分类Dev

在 uiGrid 上禁用下一页

来自分类Dev

iFrame 内容的下一页和上一页按钮

来自分类Dev

graphql:如何正确处理上一页,下一页,最后一页和第一页?

Related 相关文章

热门标签

归档