如何在表单中为与表单主模型相关(通过外键)的模型添加新输入?

时间:2019-03-25 16:54:37

标签: django django-models vuejs2 django-forms django-templates

PERSONS有一个名称,他们没有一个或一个或几个属性。 我想创建一个网页来同时编辑一个人的姓名和属性,如下所示:

  • 编辑人:PETER
  • 他的属性是:
  • CHILL(可编辑字段)“删除”(删除冷却的按钮)
  • COOL(可编辑字段)“删除”(删除炫酷按钮)
  • “添加”(将新的空白可编辑属性字段添加到彼得的按钮)
  • “保存”(一个按钮即可保存所有更改)

我的模特是:

from django.db import models


class Person(models.Model):
    name = models.CharField(max_length=80, unique=True)

class Attribute(models.Model):
    person = models.ForeignKey(Person, on_delete=models.CASCADE)
    attribute = models.TextField(max_length=200)

在我的views.py中,我可以向模板发送合适的人和属性:

person = Person.objects.get(pk=person_id)
attributes = Attribute.objects.filter(person=person_id)
context = {'person': person, 'attributes':attributes}
return render(request, 'sub_app/edit_person.html', context)

我的问题是我不知道如何构建模板以允许添加新的属性字段(而不丢失/保存此人姓名的潜在更改)并将更改发送回我的视图。

注意:如果有用,我将VueJS 2用作Front。

感谢您的帮助!

0 个答案:

没有答案