如何维护引导选项卡上的分页?
Posted
技术标签:
【中文标题】如何维护引导选项卡上的分页?【英文标题】:How to maintain paging on the bootstrap tabs? 【发布时间】:2017-09-25 15:20:02 【问题描述】:我的索引中有 4 个标签。每个都包含一个表格,其中包含有关我数据库中产品的详细信息。我在表格下方添加了一个分页,但是当我尝试使用标签分页时,它总是在第一个标签中返回。我尝试使用 Laravel 的 appends,但我仍然遇到同样的问题。
我的列表标签
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-shopping-cart"></i> Loja</a>
</li>
<li role="presentation">
<a href="#mlb" aria-controls="mlb" role="tab" data-toggle="tab">Mercado Livre</a>
</li>
<li role="presentation">
<a href="#cnova" aria-controls="cnova" role="tab" data-toggle="tab">CNova</a>
</li>
<li role="presentation">
<a href="#b2w" aria-controls="b2w" role="tab" data-toggle="tab">B2W</a>
</li>
<li role="presentation">
<a href="#walmart" aria-controls="walmart" role="tab" data-toggle="tab">Wal-Mart</a>
</li>
</ul>
标签内容 (我刚刚放了我目前正在使用的标签)
<div role="tabpanel" class="tab-pane active" id="home">
<div id="product-table">
@include('admin.product-table')
</div>
</div>
<div role="tabpanel" class="tab-pane" id="mlb">
@include('admin.product-mlb')
</div>
有什么建议吗? 我看过一些与此相关的文章,但我仍然有困难。
【问题讨论】:
试试这个方法。可能会有所帮助***.com/questions/19498408/… 【参考方案1】:其中一种方法是将查询字符串附加到分页对象,例如
$users->appends(['page' => 'home'])->links();
在您看来,该查询字符串的交叉检查为
<li role="presentation" @if (Request::query('page') === null || Request::query('page') == 'home') class="active" @endif>
<a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-shopping-cart"></i> Loja</a>
</li>
<div role="tabpanel" class="tab-pane @if (Request::query('page') === null || Request::query('page') == 'home') active @endif" id="home">
<div id="product-table">
@include('admin.product-table')
</div>
</div>
【讨论】:
以上是关于如何维护引导选项卡上的分页?的主要内容,如果未能解决你的问题,请参考以下文章