Django: Переключение формы в шаблоне в зависимости от поля выбора

Я ищу способ переключения и отображения формы в шаблоне в зависимости от выбора в CharField в другой форме.

Мое приложение имеет следующие модели:

class Damage(models.Model):
    damage_place = models.CharField()
    damage_date = models.DateField()
    

class DamageType1(models.Model):
    damage = models.ForeignKey(Damage)
    ...
    
class DamageType2(models.Model):
    damage = models.ForeignKey(Damage)
    ...
    
class DamageType3(models.Model):
    damage = models.ForeignKey(Damage)
    ...

У модели Damage есть DamageForm(forms.ModelForm), которую заполняет другой пользователь.

Каждая модель DamageType имеет различные поля (для простоты отмеченные как ...) и собственные DamageTypeForm1(forms.ModelForm), DamageTypeForm2(forms.ModelForm) и DamageTypeForm3(forms.ModelForm).

В шаблоне также есть форма, указывающая, какой тип повреждений выбрать:

class DamageSpecify(forms.Form):

DAMAGE_CHOICES = [
        ('DamageType1', 'DamageType1'),
        ('DamageType2', 'DamageType2'),
        ('DamageType3', 'DamageType3'),
    ]
 
damage_type = models.CharField(choices=RODO_CHOICES)

А теперь, после выбора определенного типа урона в DamageSpecify, я хочу отобразить заполненную форму DamageForm и пустую DamageType(1, 2 или 3) в шаблоне для заполнения и сохранения обеих форм.

Как это можно сделать?

Как бы я справился с этим. Напишите 4 формы. Одна - с одним полем выбора (ChoiceField). Остальные 3, чтобы получить соответствующие входы для типов урона от 1 до 3, выбранных в первой. Отобразите все формы в вашем шаблоне:

<form> {% csrf_token %}
  {{damage_type_form.as_p}}

  <div id="type1">
     {{damage_form_1.as_p}}
  </div>
  <div id="type2">
     {{damage_form_2.as_p}}
  </div>
  <div id="type3">
     {{damage_form_3.as_p}}
  </div>

  <input type="submit" ...>
</form>

(очевидно, передайте четыре формы в вашем контексте, поскольку обычно вы передаете только одну)

При обработке POST в представлении вы будете использовать damage_type для определения того, какая форма будет проверена и использована. Привяжите все четыре формы (к request.POST), затем используйте выбор, чтобы решить, какая из них будет проверена и использована. Игнорируйте две другие.

(Возможно, это первый раз, когда я действительно подумал, что представление на основе функций, вероятно, будет проще, чем использование представлений на основе классов)

Наконец, напишите JS, который будет скрывать <div>, которые не выбраны в выпадающем поле типа урона/поле выбора.

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