在Django表单中多次显示同一行

1 投票
2 回答
961 浏览
提问于 2025-04-18 14:24

我有一个表单,用户可以在里面输入一些费用的详细信息,但我想在表单中重复添加相同的行,但我不知道该怎么做:

在这里输入图片描述

如果你看看上面的图,这个表单对于一行数据工作得很好,保存也没问题,但如果要添加多于一行的数据就不行了。有没有人能建议我怎么做?下面是相关的代码:

models.py

from django.db import models


class Expenditure(models.Model):
    exp_date = models.DateField("Expenditure_Date")
    description = models.CharField(max_length=500)
    amount = models.FloatField(default=0)
    currency = models.CharField(max_length=15,default="USD")

    class Meta:
        unique_together = ('exp_date', 'description',)

    def __unicode__(self):
        return self.description

forms.py

from django import forms
from moni.models import Expenditure
from django.contrib.admin.widgets import AdminDateWidget


class ExpenditureForm(forms.ModelForm):
    #exp_date = forms.DateField(help_text="Date")
    exp_date = forms.DateField(widget=AdminDateWidget)
    description = forms.CharField(max_length=500)
    amount = forms.FloatField(initial=0)
    currency = forms.CharField(widget=forms.HiddenInput(), initial="USD")

    # An inline class to provide additional information on the form.
    class Meta:
        # Provide an association between the ModelForm and a model
        model = Expenditure
        fields = ('exp_date', 'amount', 'description')

views.py

from django.template import RequestContext
from django.shortcuts import render_to_response
from moni.models import Expenditure
from moni.forms import ExpenditureForm

def add_expenditure(request):
    context = RequestContext(request)

    if request.method == 'POST':
        form = ExpenditureForm(request.POST)

        if form.is_valid():

            form.save(commit=True)
            return index(request)
        else:

            print form.errors
    else:

        form = ExpenditureForm()


    return render_to_response('moni/add_expenditure.html', {'form': form}, context)

add_expenditure.html

{% extends 'moni/base.html' %}

{% block title %}Add Shipment {% endblock %}

{% block body_block %}
        <h1>Add a Expenditure</h1>
        <p id="p_hide"> I am a paragraph to be hidden</p>
        <button id ="btn1">Hide Paragraph</button>

        <form id="expenditure_form" method="post" class="vDateField" action="/moni/add_expenditure/">

            {% csrf_token %}

            <table border=1>
                <tr><th><label >Date:</label></th> <th><label for="id_description">Description:</label></th><th><label for="id_amount">Amount:</label></th></tr>
            <tr><td><input class="vDateField"  name="exp_date" size="10" type="text" /></td><td>{{form.description}}</td><td>{{form.amount}}<input id="id_currency" name="currency" type="hidden" value="MYR" /></td></tr>
            <tr><td><input class="vDateField"  name="exp_date" size="10" type="text" /></td><td>{{form.description}}</td><td>{{form.amount}}<input id="id_currency" name="currency" type="hidden" value="MYR" /></td></tr>
        </table>
        <input type="submit" name="submit" value="Create Expenditure" />
    </form>
{% endblock %}

2 个回答

0

你应该使用 ModelFormSets,而不是单独的ModelForm。如果你打算动态添加表单,记得使用相应的JavaScript插件,因为每次添加新表单时,管理表单也需要进行相应的更改。

0

要实现这个功能,可以使用 Formeset 函数。这里的想法是让表单可以多次打印。

 ExpenditureFormSet = formset_factory(ExpenditureForm, extra=3,)

然后视图部分看起来像这样:

if formset.is_valid():
            for data in formset.cleaned_data:

接着把它传入 {formset},这样 HTML 就会打印出额外的三个表单。

撰写回答