Как ограничить количество видимых страниц в пагинации с помощью (JavaScript - Jquery) - PullRequest
Новая
       21

Как ограничить количество видимых страниц в пагинации с помощью (JavaScript - Jquery)

0 голосов
/ 05 апреля 2020

Я хочу создать макет страницы без использования плагина.

Текущая страница похожа на эту и отображает все страницы. enter image description here

Но я хочу, чтобы страница показала мне это так.

на странице 1 

1 2 3 4 5 ... // selected 1

на странице 2 

1 2 3 4 5 6 ... //selected 2

на странице 3 

1 2 3 4 5 6 7 ... //selected 3

... на странице 7 

3 4 5 6 7 8 9 10 11 ... // selected 7

Код Html записывается следующим образом 

<nav>
        <ul data="@Model.TotalPage" data-id="@Model.CurrentPageNumber" class="pagination justify-content-center">
            @{
                for (int i = 1; i <= Model.TotalPage; i++)
                {
                    <li class="page-item @(i == Model.CurrentPageNumber ? "active" : "")">
                        <a class="bPageNumber page-link">@i</a>
                    </li>
                }
            }
        </ul>
</nav>

1 Ответ

0 голосов
/ 05 апреля 2020

Я думаю, что обернуть оба компонента в один компонент, например pagesComponent Slider // это может быть ваша нумерация страниц

"Когда компонент Pages будет отображаться, он передаст данные основного ядра в слайдер, как компонент страницы 1

Компонент страницы 1 - слайдер будет 1,2,3,4: Компонент страницы 2 - слайдер будет 1,2,3,4,5,6,7,8 и т. Д. "

...