javascript - 如何在选项卡内添加分页

Question

我是 Laravel 5.2 的新手。我只是想问一下如何在标签内添加分页。在我的界面中有 5 个选项卡，每个选项卡显示数据库中单独的 5 个表。我使用的数据库是oracle。在我的界面中，我为第一个选项卡添加了分页，并且成功运行。(我添加了简单分页方法)

但是当我向第二个选项卡分页添加相同的方法时，当我单击该分页上的下一个按钮时，它定向到第一个选项卡的第二页，而不是第二个选项卡的第二页。如果有人能帮助我解决这个问题，我将非常感激

谢谢

Answer 1

假设您使用引导选项卡面板，您可以像这样对每个选项卡进行分页:

首先，您不需要更改 Controller 中的代码，只需使用默认的分页函数 ->paginate(15);

但是在 View 中，对于分页链接，需要将代码更改为:

{{ $balances->fragment('tab_id')->links() }}

fragment('tab_id') 部分将分页 URL 更改为类似 ..?page=1#tab_id

然后，当页面重新加载以显示不同的页面时，您可以执行以下操作来打开所需的选项卡:

$(document).ready(function(){

   var url = document.location.toString();
    if (url.match('#')) {
        $('.nav-tabs a[href="#' + url.split('#')[1] + '"]')[0].click();
    } 

    //To make sure that the page always goes to the top
    setTimeout(function () {
        window.scrollTo(0, 0);
    },200);

  });