Как правильно открыть модал bootstrap, который находится в другом файле на django

У меня есть приложение django с двумя файлами шаблонов: page.html и modal.html, и я пытаюсь реализовать систему, в которой, если пользователь нажимает на btn на page.html, modal.html отображается как модальное окно.

Я пытался сделать это, используя django-bootstrap-modal-forms, но я не смог добиться того, что мне нужно, потому что библиотека, похоже, построена вокруг создания модалов и форм очень специфическим способом.

Конкретно, проблема, с которой я сталкиваюсь с этой реализацией, заключается в том, что если пользователь "закрывает" модал, он отправляется на другой url, а не на url page.html. Таким образом, модальное окно не закрывается должным образом.

Это то, что я сделал до сих пор, но я действительно открыт для различных подходов, используя только Bootstrap.

page.html

...
<a id='UploadFile' class="list-files__btn-plus" href="#">
    <img src="{% static 'action/img/project/files/icon_plus-file.svg' %}" alt="+">
</a>
...

 <script src="{% static 'action/js/project/files/files.js' %}"></script>
 <script src="{% static 'js/jquery.bootstrap.modal.forms.min.js' %}"></script>

 <script type="text/javascript">
        $(document).ready(function() {

            $("#UploadFile").modalForm({
                formURL: "{% url 'action:ModalFileUpload' %}",
            });
 </script>

modal.html

...

urls.py

 path('modal/fileupload', file_upload.ModalFileUpload.as_view(), name='ModalFileUpload'),

views.py

class ModalFileUpload(MyLoginRequiredMixin,TemplateView):
    template_name = 'modal.html'

Вернуться на верх