嵌套和分段的脆皮布局

2024-04-26

TLDR 问题:如何使用“分段”(不确定这是否被视为内联)布局和多个模型(有些相关,有些不相关)制作一个脆脆的表单。

我正在尝试理解 Django 中的几件事:表单、表单集、嵌套表单和脆皮,我已经研究了一段时间了,感觉我已经很接近了,只是需要有人帮助连接这些点。我不知道如何在没有脆皮的情况下完成它,所以我开始沿着这条路走,认为脆皮是解决方案。如有错误请指正,谢谢:)

我想要一种表单(如 HTML 表单,不一定是 Django 表单),它有一个包含大量字段的主模型,但在主字段中间有二级/三级模型。我相当接近布局,但似乎无法让二级/三级模型在布局中间渲染,更不用说在没有酥脆/django 错误的情况下进行编译了。

Here is a color-coded visual of what I am trying to attain Integrated Models in Crispy Form

我认为我至少有以下一项错误:

  • 我没有调用正确的 formfactory
  • 我没有正确使用表单集
  • 我没有在表单助手的布局中正确地将表单字段引用到正确的模型字段
  • 布局是不可能的,或者我应用了错误的代码结构来获得结果。
  • 我不认为我可以直接调用两个表单,因为它们不会嵌套/集成

上面列表项的代码(不能直接在下面放置代码块

#I don't think this will achieve the integration/nested look I am aiming for
#views.py:
parent_form = ParentForm()
child_form = ChildForm()
render(template.html, {
  "pform": parent_form,
  "cform": child_form
})

#template.html:
<form>
  {{ pform }}
  {{ cform }}
</form>

文件供参考

模型.py

#Black in the picture
class Truck(models.Model):
  name = models.CharField(…)
  …

#Blue in the picture
class QuickInspection(models.Model):
  odometer = models.IntegerField(…)
  … (created_at, user_cookie#who did it, …)
  truck = models.ForeignKey(Truck)

-----
#These two are unrelated to the Truck in the DB, and I would prefer to keep it that way, if for at least to understand how to accomplish this 
-----
#Red
class Tires(models.Model):
  front_tire = models.CharField(…)
  … (created_at, …)
  truck = models.ForeignKey(Truck)
  full_inspection = models.ForeignKey(FullInspection, blank=True, null=True) #optional, and if it has this foreign key, then I know the Tires were looked at in a full inspection.  If not, then they were looked at in the quick inspection, without having a foreign key to the QuickInspection

#Green
class Brakes(models.Model):
  front_axle = models.CharField(…)
  …
  createdAt = models.DateTimeField(auto_now_add=True)
  truck = models.ForeignKey(Truck)
  pm = models.ForeignKey(PM, blank=True, null=True)
  full_inspection = models.ForeignKey(FullInspection, blank=True, null=True) #optional, same as full_inspection in Tires

views.py

def weeklyView(request, truckID):
  # POST
  if request.method == 'POST':
    # Check forms for valid data and save or provide error
    #return response
  # GET
  else:
    #make each form individually?
    quickForm = OHReadingForm(…)
    tireForm = TireForm()
    brakeForm = BrakeForm()

    #Or import a formset and helper?
    formset = ExampleFormSet()
    helper = ExampleFormSetHelper()

    response = render(request, 'trucks/weeklyInspection.html', {
      'ohrForm': ohrForm,
      'formset': formset,
      'helper': helper,
      'tireForm': tireForm,
      'truck': truck,
    })

forms.py

class QuickInspectionForm(forms.ModelForm):
  def __init__(self, *args, **kwargs):
    super(QuickInspectionForm, self).__init__(*args, **kwargs)
    self.helper = FormHelper()
    self.helper.form_tag = False
    self.helper.form_method = 'post'
    self.helper.form_action = 'quickInspectionURL'
    self.helper.layout = Layout(
        Div(
          Div(
            Fieldset(
              '',        # 'first arg is the legend of the fieldset',
              'quickInspectionMetric1', #From QuickInspection.metric1
              'quickInspectionMetric2', #From QuickInspection.metric2
              'quickInspectionMetric3', #From QuickInspection.metric3
            ),            
            css_class="blue"
          ),
          Div(
            Fieldset(
              'tireMetric1',  #from Tire.metric1
              'tireMetric2',  #from Tire.metric2
            css_class="red"
          ),
          Div(
            Fieldset(
              'brakeMetric1',  #from Brake.metric1
              'brakeMetric2',  #from Brake.metric2
            css_class="green"
          ),
          Div(
            Fieldset(
              'quickInspectionMetric4',  #from QuickInspection.metric4
              'quickInspectionMetric5',  #from QuickInspection.metric5
            css_class="blue"
          ),
        ),
        Div(
          FormActions(
            Reset('reset', 'Reset'),
            Submit('submit', 'Submit') #submit for all
          )
        ),
    )

  class Meta:
    model = QuickInspection
    fields = [
      'metric1','metric2','metric3','metric4','metric5',
      'truck',
      …,
    ]

ExampleFormSet = formset_factory(QuickInspectionForm, extra=1)
# Other failed attempts
# ExampleFormSet = inlineformset_factory(QuickInspectionForm, extra=1)
# ExampleFormSet = inlineformset_factory(QuickInspectionForm, TireForm, extra=1)
# ExampleFormSet = inlineformset_factory(QuickInspectionForm, TireForm, BrakeForm, extra=1)

class ExampleFormSetHelper(FormHelper):
  def __init__(self, *args, **kwargs):
    super(ExampleFormSetHelper, self).__init__(*args, **kwargs)
    self.form_method = 'post'
    self.form_tag = False
    self.layout = Layout(…)


#Same as Brake Form
class TireForm(forms.ModelForm):
  def __init__(self, *args, **kwargs):
    super(TCForm, self).__init__(*args, **kwargs)
    self.helper = FormHelper()
    self.helper.form_method = 'post'
    self.helper.form_action = 'tireURL'
    self.helper.layout = Layout(…)
  class Meta:
    model = TireCondition
    fields = [
      'metric1', 'metric2', …
      'truck',
    ]

用于代码仓库的 JS 小提琴 https://jsfiddle.net/chrisfrisina/eaow6pzy/。我不知道类似 DJango 的 Fiddle 环境......


Crispy 与这个问题无关。可以通过以下任一方式将表单包含在模板中:

{{form1}}
{{form2}}
...

or

{% crispy form1 form1.helper %} #although the helper name here is default and not needed
{% crispy form2 %} # form2.helper is implied
...

对于假设:

  • I am not calling the correct formfactory
    • 不需要表单工厂,因为任何单个表单都没有多个版本
  • I am not properly using formsets
    • 也不需要,因为任何单一形式都没有多个版本
  • I am not referencing the form fields to the correct model fields correctly in the layout of the form helper
    • 有点真实
  • The layout is not possible, or I am applying the wrong code structure to get the result.
    • 请参阅下面的答案
  • I don't think I can call two forms directly as directly below, as they would not be nested/integrated
    • 一个可以,见下文

使用相关对象/外键制作集成表单的代码:

视图.py:

if request.method == 'POST':
  formData = request.POST.dict()
  form1 = form1Form(formData, instance=currentUser, prefix='form1')
  form2 = form2Form(formData, truck=truck, user_cookie=currentUser, prefix='form2')
  form3 = form3Form(formData, truck=truck, instance=truck, user_cookie=currentUser, prefix='form3')
  form4 = form4Form(formData, truck=truck, user_cookie=currentUser, prefix='form4')
  userForm = userFormForm(formData, truck=truck, user_cookie=currentUser, prefix='userForm')
  ... Other forms as needed
if all([form1.is_valid(), form2.is_valid(), form3.is_valid(), form4.is_valid(), userForm.is_valid()]):
  currentUser.save()
  form1.save()
  form2.save()
  ...
# The Get
else:
  form1 = form1Form(instance=truck, prefix='form1')
  form2 = form2Form(instance=truck, prefix='form2')
  form3 = form3Form(instance=truck, prefix='form3')
  form4 = form4Form(instance=truck, prefix='form4')
  userForm = userForm(instance=currentUser, prefix='userForm')

return render(request, 'trucks/weeklyInspection.html', {
  'truck': truck,
  'form1': form1,
  'form2': form2,
  'form3': form3,
  'form4': form4,
  'userForm': userForm,
})

模板.html:

<div class="container">
  <form action="{% url 'app:formAllView' truck=truck %}" class="form" method="post">
    {{ form1 }}
    {{ form2 }}
    {{ form3 }}
    {{ form4 }}
    # Either put the submit in the form here manually or in the form4 template
  </form>

forms.py

# create a shared 
class BaseSharedClass(forms.ModelForm):
  def save(self, commit=True):
  """Save the instance, but not to the DB jsut yet"""
  obj = super(WIBaseClass, self).save(commit=False)
  if commit:
    obj.currentUser = self.currentUser
    obj.truck = self.truck
    obj.save()
  return obj
def __init__(self, *args, **kwargs):
  self.currentUser = kwargs.pop('currentUser', None)
  self.truck = kwargs.pop('truck', None)
  super(WIBaseClass, self).__init__(*args, **kwargs)

#note inherting the base shared class
class form1Form(BaseSharedClass):
  def __init__(self, *args, **kwargs):
    super(form1Form, self).__init__(*args, **kwargs)

重要部分

在 forms.py 中构建表单时

  • Overall
    • 创建一个父类(BaseSharedClass),所有需要共享信息的表单都会继承该父类
    • 扩展所有需要父类共享信息的表单(类 form1Form(BaseSharedClass) )
  • With regard to init-ing
    • 从表单中删除共享对象,以避免同一页面中所有表单之间的共享字段重复 (self.currentUser = kwargs.pop('currentUser', None) && self.truck = kwargs.pop ('卡车',无))
  • With regard to Saving
    • 重写保存函数来发挥魔法
    • make commit=false以阻止它保存
    • 从传入的上下文中添加相关字段( obj.currentUser = self.currentUser && obj.truck = self.truck ),然后保存(obj.save() )

在视图中创建表单时:

  • 将共享对象的实例传递给它instance=truck。如果您还需要访问其他对象,您还可以传递其他对象,例如relatedObject=queriredObject
  • 传入前缀prefix=formIdentifierN,因为这有助于 Django 跟踪哪些唯一信息、字段、条目与哪些表单相关联。不需要特殊的命名,form1、form2 等...都可以很好地工作,只要您知道分别是哪一个即可。

在视图中保存表单时:

  • 这里的所有内容都与单个表单相同(保存、错误处理等...),但您可以使用以下命令在一行中检查它all( [a,b,c,d] )
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

嵌套和分段的脆皮布局 的相关文章

随机推荐