Django Crispy形式:将按钮移动到顶部

时间:2013-11-19 09:56:32

标签: django django-crispy-forms

我正在使用django-crispy-forms并自定义其按钮。我希望按钮显示在表单的顶部而不是底部。有没有办法将其提示给FormHelper,以便不需要从头开始构建整个布局? (从头开始我的意思是列出表格中出现的每个字段等等)

我的表单类代码:

def __init__(self, *args, **kwargs):
    forms.Form.__init__(self, *args, **kwargs)
    self.helper.add_input(Submit('respond', 'Respond'))
    self.helper.add_input(Submit('respond_and_close', 'Respond and close'))
    self.helper.add_input(Submit('close', 'Close'))
    self.helper.add_input(Submit('change_owner', 'Change owner'))

1 个答案:

答案 0 :(得分:3)

Django Crispy Forms似乎不支持您希望通过其API执行的操作。 但是,您只需在呈现表单的模板中添加按钮标记,您只需要防止令人毛骨悚然地呈现form标记:

# form python code
def __init__(self, *args, **kwargs):
    super(MyForm, self).__init__(*args, **kwargs)
    self.helper.form_tag = False


{# template code #}
<form action="." method="POST">
  <input type="submit" value="Respond" name="respond">
  <input type="submit" value="Respond and Close" name="respond_and_close">
  <input type="submit" value="Close" name="close">
  <input type="submit" value="Change Owner" name="change_owner">     
  {% crispy form form.helper %}
</form>

另一种可能性是覆盖crispy的whole_uni_form.html模板。如果您正在使用引导程序模板包(默认),则可以在项目模板目录中名为“bootstrap”的子目录中创建该文件,并使其如下所示:

{# templates/bootstrap/whole_uni_form.html #}
{% load crispy_forms_utils %}

{% specialspaceless %}
{% if form_tag %}<form {{ flat_attrs|safe }} method="{{ form_method }}" {% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>{% endif %}
{% if form_method|lower == 'post' and not disable_csrf %}
    {% csrf_token %}
{% endif %}

{% if inputs %}
    <div class="form-actions">
        {% for input in inputs %}
            {% include "bootstrap/layout/baseinput.html" %}
        {% endfor %}
    </div>
{% endif %}

{% include "bootstrap/display_form.html" %}

{% if form_tag %}</form>{% endif %}
{% endspecialspaceless %}

请注意,这会影响您网站中使用crispy呈现的任何表单。