Есть у меня код, который выводит пагинацию на странице:
Это выводятся все элементы как есть - от первого до MaxPage:
@if (Model.IsFirst())
{
<li class="page-item disabled"><a class="page-link" href="@Model.GetUrl(1)"><<</a></li>
<li class="page-item disabled"><a class="page-link" href="@Model.GetUrl(Model.PageNumber - 1)"><</a></li>
}
else
{
<li class="page-item"><a class="page-link" href="@Model.GetUrl(1)"><<</a></li>
<li class="page-item"><a class="page-link" href="@Model.GetUrl(Model.PageNumber - 1)"><</a></li>
}
@for (var i = 1; i <= Model.MaxPageCount; i++)
{
if (Model.IsCurrent(i))
{
<li class="page-item active">
<a class="page-link disabled" href="@Model.GetUrl(i)">@i</a>
</li>
}
else
{
<li class="page-item">
<a class="page-link" href="@Model.GetUrl(i)">@i</a>
</li>
}
}
Проблемы начинаются, когда число страниц становится больше 10 (а частенько в пагинации и по триста страниц бывает) - они улетают за правую границу экрана.
Сижу думаю, какое условие нужно взять чтобы пагинация показывалась красиво.
Попробуем формализовать условие. Есть некоторая IEnumerable<int>
от 1 до Model.MaxPageCount и есть некоторое число PageNumber (текущий номер страницы) которое принадлежит этой последовательности.
Не уверен точно, но допустим мне надо получить не более пяти элементов ДО текущей страницы и не более пяти элементов ПОСЛЕ текущей страницы.
При этом я не знаю, как красиво обработать ситуацию, что если страниц ДО не хватает (допустим, мы смотрим страницу 3, тогда ДО будут страницы 1 и 2) то после наверное стоит взять чуть больше - не пять, а на на три больше. Но и не факт, что ПОСЛЕ хватит нужного числа страниц.
Вопрос скорее на красивый и простой алгоритм (как это принято делать в типичных пагинаторах?), возможно что конкретную формулу я и сам напишу. Если кто сталивался с подобной задачей и знает, как такое можно сделать - предложите вариант. Я смотрел разные варианты XPagedList на github, но какого-то удобного варианта не нашёл.
RecalcList
: ru.stackoverflow.com/a/616413/218063 – Андрей NOP 5 мар '19 в 11:54