如何在Django中单击按钮添加更多表单小部件?

时间:2018-11-17 22:03:58

标签: javascript django

因此,我创建了简单的模型(粘贴在下面),并将基于这些模型的表单传递给模板视图。 现在我想添加按钮,该按钮将允许用户添加Ingrediends类的更多字段,而我有几个问题。是否可以仅在django中不使用JS来完成?如果不是,最好的方法是什么?还有一个关于我处理表单的方式的问题。可以吗?还是应该将两种模型放在一起?谢谢您的回答。

型号:

class Recipe(models.Model):
    title       = models.CharField(max_length=254)
    author      = models.ForeignKey(settings.AUTH_USER_MODEL, null=True, blank=True, on_delete=models.SET_NULL)
    description = models.CharField(max_length=200)
    add_date    = models.DateTimeField(auto_now=True)

    def __str__(self):
        return self.title

class Ingrediends(models.Model):
    name    = models.CharField(max_length=254)
    recipe  = models.ForeignKey(Recipe, on_delete=models.CASCADE, related_name="ingredient")

表格:

class RecipeForm(forms.ModelForm):
    class Meta:
        model = Recipe
        fields = ('title',)

class IngrediendForm(forms.ModelForm):
    class Meta:
        model = Ingrediends
        fields = ('name', )

模板:

{% extends 'recipes/base.html' %}
{% block body_block %}
  <form class="" method="post">
    {% csrf_token %}
    {{form.as_p}}
    {{ingredient_form.as_p}}
    <input type="submit" value="Add recipe">
  </form>
{% endblock %}

以防万一我不能很好地解释我想要什么:

之前:

标题:[_______]

成分:[________] [+] <-单击

之后:

标题:[_______]

成分:[________]

成分:[________] [+] <-单击

0 个答案:

没有答案