使用不同的选项卡对一页进行分页 Laravel

Question

我想在刀片文件中对不同的选项卡进行分页，每个选项卡显示不同的对象集合，但每次我转到一页中的下一页时，它都会重定向到第一个选项卡，并对每个选项卡进行分页，而不仅仅是我想要分页的选项卡。

这是我的路线 路线

Route::get('/adminArea', function () {

    $user = \Illuminate\Support\Facades\Auth::user();

    $users = \App\User::where('username','!=','admin')->orderBy('username', 'asc')->paginate(12);

    $comics =Comic::orderBy('comic_name', 'asc')->paginate(12);

    $reviews = \App\Review::orderBy('review_title', 'asc')->paginate(12);

    return view('adminPanel')

        ->with(compact('user'))

        ->with(compact('users'))

        ->with(compact('comics'))

        ->with(compact('reviews'));

})->name('AdminAccount'); 

最后我想做的是对每个选项卡进行不同的分页，这意味着如果将下一个放在我不想在用户选项卡中显示的漫画中，用户的第二页。问题是它对每个选项卡使用相同的分页 url 所以我想知道解决方案是否是给每个选项卡一个独立的 url

Answer 1

它重定向到第一个选项卡，因为您使用 javascript 选项卡并将active类添加到第一个选项卡。要解决选项卡问题，您需要将每个选项卡导航更改为：&nbsp;<a href="#dashboad" class="{{ (Route::currentRouteName() == 'YOUR-ROUTE-NAME) ? 'active' : '' }}"...也在这里：&nbsp;<!-- Single Tab Content Start --> <div class="tab-pane fade show {{ (Route::currentRouteName() == 'YOUR-ROUTE-NAME) ? 'active' : '' }}"...但是您的分页问题将仍然存在。这里有2个解决方案：使用 JS 选项卡并通过 Ajax 请求获取数据。为每个集合使用 4 个单独的路由，并将路由添加到与上述示例对应的选项卡。我希望这很清楚。