Почему моя кнопка отправки перемещается за пределы формы Django, когда форма перезагружается из недопустимого сообщения? - PullRequest
Новая
       36

Почему моя кнопка отправки перемещается за пределы формы Django, когда форма перезагружается из недопустимого сообщения?

0 голосов
/ 18 июня 2019

У меня есть шаблон, который включает ModelForm, ModelFormSet и кнопку отправки, которая должна отправлять все данные формы как из Form, так и из FormSet. Проблема в том, что когда я отправляю данные, если данные недействительны, иногда шаблон перезагружается с кнопкой отправки, перемещенной за пределы контейнера формы - как это вообще происходит? - и хотя пользователь может редактировать данные в формах, чтобы они были действительными, он больше не может отправлять формы. Также кнопка отправки не всплыла. Я использую кнопку с идентификатором «add_def_report», чтобы динамически добавлять формы в набор инцидентов (я добавляю «пустую форму» в набор инцидентов и меняю идентификаторы). Спасибо за любую помощь!

Шаблон: 

<form method="post" class="form-horizontal">

{% crispy incident_form %}

<input type="button" id="delete_field_data" class="btn btn-outline-danger" value="Delete Field Incident Data">

<div id="form_set_class">
  {{ incident_formset.management_form }}
  {% for form in incident_formset %}
    {{form.non_field_errors}}
    {{form.errors}}
    {% crispy form %}
  {% endfor %}
</div>

<p>Add a part deficiency report for each component which needs repair or replacement</p>
<input type="button" id="add_def_report" class="btn btn-outline-dark" value="Add Part Deficiency Report">

<div id="empty_form" style="display:none">
  <div id="incident___prefix__">

    <fieldset>
      <legend>Part Deficiency Report</legend>
      {{incident_formset.empty_form}}
      <br>
      <input type="button" id='delete_incident___prefix__' class="btn btn-outline-danger" value="Delete Part Deficiency Report" onclick="delete_def_report()">
    </fieldset>

  </div>
</div>

<input type="submit" class="btn btn-outline-primary custom-submit" value="Submit">
</form>

CSS: 

.center-text{
  display: block;
  text-align: center;
}

form{
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

legend {
  float: left; /*allows for top margin */
  border-bottom: 1px solid black;
  margin-bottom: 20px;
  margin-top: 20px;
}

#form_set_class{
  width: auto;
  text-align: left;
}

#form_set_class *{
  display: block;
}

#add_def_report{
  text-align: left;
}

views.py: 

def new_incident(request):

if request.method == 'POST':
    incident_form = IncidentForm(request.POST)
    deficiency_formset = DeficiencyFormSet(request.POST)

    if deficiency_formset.is_valid() and incident_form.is_valid():
        incident_form.save()
        forms = deficiency_formset.save()
        for form in forms:
            form.save()
        return redirect('quality_dept:home')

    else:
        dict = {'incident_form': incident_form, 'incident_formset': deficiency_formset}
        return render(request, 'incidents/new_incident.html', dict)

else:
    incident_form = IncidentForm()
    formset_data = { 'form-TOTAL_FORMS': '0',
                     'form-INITIAL_FORMS': '0',
                     'form-MAX_NUM_FORMS': '20'}
    def_formset = DeficiencyFormSet(formset_data)
    dict = {'incident_form': incident_form, 'incident_formset': def_formset}
    return render(request, 'incidents/new_incident.html', dict)

forms.py: 

class IncidentForm(forms.ModelForm):
    def __init__(self, *args, **kwargs):
        super(IncidentForm, self).__init__(*args, **kwargs)

        self.helper = FormHelper()
        self.helper.form_tag = False
        self.helper.layout = Layout(
            Fieldset("General Information", 'incident_id', 'qc_rep', 'date_filed'),
            Fieldset("Contract Data", "job", "contract", "unit"),
            Fieldset("Description", "description", "resolved", "resolution"),
            Fieldset("Field Incident Data", "field_incident", "gov_poc",
        "location_of_unit", "shipping_address", id="field_incident_fieldset")
    )
        self.helper.form_id = "incident_form"

    class Meta:
        model = Incident
        fields = "__all__"

class PartDeficiencyForm(forms.ModelForm):
    class Meta:
        model = PartDeficiency
        fields = "__all__"

DeficiencyFormSet = modelformset_factory(model=PartDeficiency, form=PartDeficiencyForm, exclude=None, extra=0, max_num=20, can_delete=True)

1 Ответ

0 голосов
/ 20 июня 2019

Итак, я нашел исправление для запутанного поведения кнопки отправки - я вложил все в теги формы в div. Это, очевидно, работает, но технически не отвечает на мой вопрос, потому что не объясняет , почему это произошло. Но я опубликую это как ответ, чтобы отделить его от комментариев по устранению неполадок выше. Если я найду ответ на вопрос «почему», я добавлю его сюда.

...