include bootstrap modal template with template tags

烂漫一生 提交于 2019-12-08 01:14:10

问题


I'm trying to create a bootstrap modal that can be included in my html files since I'm putting forms in modal and I don't want to create a new mdoal everytime.

It works fine, except for trying to include the form. Which is of course the important part. How could I include a template context variable inside a template tag?

modal_base

 {% load crispy_forms_tags %}
<div id="{{ modal_form_id }}" class="modal fade" ariahidden="True">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <a class="close" data-dismiss="modal">X</a>
                <h1 style="text-align:center;">
                    {{ modal_form_title }}
                </h1>
            </div>
            <div class="modal-body">
                <form method="{{modal_form_method|default:'POST'}}" action="{{modal_form_action}}">
                    {% csrf_token %}
                    {{ form|crispy }}
                    <input class="btn btn-primary" type="submit" value="Create"/>
                </form>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-danger" data-dismiss="modal">
                    Cancel
                </a>
            </div>
        </div>
    </div>
</div>  

Example include in some html file:

 {% include 'modal_form.html' with modal_form_id="new-category" modal_form_title="Create a New Category" modal_form_method="POST" modal_form_action="/home/" form={{category_form}} %}

form = {{category_form}} is the issue. Is there a way to get around this? The modal renders fine, opens closes etc I just can't pass in the form


回答1:


You're close! the only thing missing is that you don't need the curly braces to include it within the include tag

{% include 'modal_form.html' with modal_form_id="new-category" modal_form_title="Create a New Category" modal_form_method="POST" modal_form_action="/home/" form=category_form %}


来源:https://stackoverflow.com/questions/35420270/include-bootstrap-modal-template-with-template-tags

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!