Javascript 如何在选项卡内添加分页

我是拉威尔5.2的新手。我只是想问一下如何在选项卡中添加分页。在我的界面中有5个选项卡，每个选项卡显示数据库中的5个单独的表。我使用的数据库是oracle。在我的界面中，我为第一个选项卡添加了分页，它成功地工作了。（我添加了simplepagination方法）

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

---

谢谢你

我想你正在使用

你可以做到：

$allUser = User::paginate(2, ['*'], 'user');
$allRole = Role::paginate(2, ['*'], 'role');

return response()->json(array($allUser,$allRole));

现在你可以得到如下结果：

[
  {
    "total": 17,
    "per_page": 2,
    "current_page": 1,
    "last_page": 9,
    "next_page_url": "http://urlsite/api/v1/user?user=2",
    "prev_page_url": null,
    "from": 1,
    "to": 2,
    "data": [
      {
        "id": 1,
        "role_id": 1,
        "username": "test",
        "first_name": "test",
        "last_name": "test",
        "email": "test@gmail.com"
      },
      {
        "id": 2,
        "role_id": 2,
        "username": "test2",
        "first_name": "test",
        "last_name": "test",
        "email": "test@hotmail.com"
      }
    ]
  },
  {
    "total": 4,
    "per_page": 2,
    "current_page": 1,
    "last_page": 2,
    "next_page_url": "http://urlsite/api/v1/user?role=2",
    "prev_page_url": null,
    "from": 1,
    "to": 2,
    "data": [
      {
        "id": 1,
        "name": "superuser"
      },
      {
        "id": 2,
        "name": "administrator"
      }
    ]
  }
]

---

我想你正在使用

你可以做到：

$allUser = User::paginate(2, ['*'], 'user');
$allRole = Role::paginate(2, ['*'], 'role');

return response()->json(array($allUser,$allRole));

现在你可以得到如下结果：

[
  {
    "total": 17,
    "per_page": 2,
    "current_page": 1,
    "last_page": 9,
    "next_page_url": "http://urlsite/api/v1/user?user=2",
    "prev_page_url": null,
    "from": 1,
    "to": 2,
    "data": [
      {
        "id": 1,
        "role_id": 1,
        "username": "test",
        "first_name": "test",
        "last_name": "test",
        "email": "test@gmail.com"
      },
      {
        "id": 2,
        "role_id": 2,
        "username": "test2",
        "first_name": "test",
        "last_name": "test",
        "email": "test@hotmail.com"
      }
    ]
  },
  {
    "total": 4,
    "per_page": 2,
    "current_page": 1,
    "last_page": 2,
    "next_page_url": "http://urlsite/api/v1/user?role=2",
    "prev_page_url": null,
    "from": 1,
    "to": 2,
    "data": [
      {
        "id": 1,
        "name": "superuser"
      },
      {
        "id": 2,
        "name": "administrator"
      }
    ]
  }
]

---

我用以下方法解决了这个问题，谢谢你的帮助

在我的控制器中

公共职能指数（）

在my blade.php中 余额

{！！Form:：open（数组（'url'=>'在参数/参数中'，'class'=>'表单内联'，'method'=>'post'））

{！！Form:：close（）！！}

{{$balances->links（）}

---

我已经用以下方法解决了这个问题，谢谢你的帮助

在我的控制器中

公共职能指数（）

在my blade.php中 余额

{！！Form:：open（数组（'url'=>'在参数/参数中'，'class'=>'表单内联'，'method'=>'post'））

{！！Form:：close（）！！}

{{$balances->links（）}

---

假设您使用的是“引导”选项卡面板，您可以按如下方式对每个选项卡进行分页：

首先，您不需要更改控制器中的代码，只需使用默认分页函数

->paginate（15）

但是在视图中，对于分页链接，您需要将代码更改为：

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

片段（'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);

  });

假设您使用的是引导选项卡面板，则可以按如下方式对每个选项卡进行分页：

首先，您不需要更改控制器中的代码，只需使用默认分页函数
->paginate（15）

但是在视图中，对于分页链接，您需要将代码更改为：

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

片段（'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);

  });

你能发布代码的最低版本吗？你能发布代码的最低版本吗？