Как правильно реализовать пагинацию Django (Wagtail CMS) в модальном окне с помощью тега Select html?
У меня есть представление списка в модальном окне, как только пользователь выбирает опцию элемента select, пагинация изменяет url queryset (? p=<page_number>), хотя в обычном представлении списка нет проблем, так как он изменяет url, в модальном он изменяет расположение всей страницы (URL адрес), что, конечно, приводит к потере изменений на главной странице (форма документа), мне просто нужно, чтобы модальный список изменялся по номеру страницы пагинации. Я просмотрел и прочитал почти все страницы документации, связанные с пагинацией списочного представления с помощью Django, однако я не смог найти решение.
вот код шаблона модальной пагинации (смотрите комментарии, которые указывают на неработающие части):
{% load wagtailadmin_tags %}{# Changed by HH #}
{% if linkurl %}{% url linkurl as url_to_use %}{% endif %}
{% if items.has_previous or items.has_next %}
<div class='pagination center' aria-label="Pagination">
<!-- this is working -->
{% if items.has_previous %}<div class="l_arrow previous"><a href="{{ url_to_use }}{% querystring p=items.previous_page_number %}" class="icon">Previous</a></div>{% endif %}
<p>{% with pr=items.paginator.page_range page_num=items.number total_pages=items.paginator.num_pages %}
Page {{ page_num }} of {{ total_pages }}
<!-- this is NOT working -->
<select onchange="gotopage(this)" name="pg_selector" title="pg_selector" id="pg_selector" disabled>
{% for i in pr %}
<option value="{{ url_to_use }}{% querystring p=i %}" data-page="{{ i }}" {% if i == page_num %} selected {% endif %}>{{i}}</option>
{% endfor %}
</select>
{% endwith %}
</p>
<!-- this is working -->
{% if items.has_next %}<div class="r_arrow next"><a href="{{ url_to_use }}{% querystring p=items.next_page_number %}" class="icon">Next</a></div>{% endif %}
</div>
{% endif %}