Cfrgtkky

I spent several days in order to add dynamically forms to formset and I find a way to do that. But I have a little issue with forms saving because it just saves the first form and not all forms from formset.

This is my formset :

DocumentFormSets = inlineformset_factory(Publication, Document, form=DocumentForm, extra=1, max_num=4)

This is my template :

<fieldset>

    <legend class="title"><span class="name">{% trans 'Document form' %}</span></legend>

    {{ DocumentFormSet.management_form }}

    <div id="form_set">

      {% for form in DocumentFormSet.forms %}

        <div class='formset-document'>

          <table class='no_error'>

            <div class="row">

              <div class="col-xs-3">

                {{ form.title|as_crispy_field }}

              </div>

              <div class="col-xs-3">

                {{ form.language|as_crispy_field }}

              </div>

              <div class="col-xs-3">

                {{ form.format|as_crispy_field }}

              </div>

              <div class="col-xs-3">

                {{ form.upload|as_crispy_field }}

              </div>

            </div>

          </table>

        </div>

      {% endfor %}

    </div>

    <br>

    <input type="button" class="btn btn-default" value="Add More" id="add_more">

    <div id="empty_form" style="display:none">

      <table class='no_error'>

        <div class="row">

          <div class="col-xs-3">

            {{ DocumentFormSet.empty_form.title|as_crispy_field }}

          </div>

          <div class="col-xs-3">

            {{ DocumentFormSet.empty_form.language|as_crispy_field }}

          </div>

          <div class="col-xs-3">

            {{ DocumentFormSet.empty_form.format|as_crispy_field }}

          </div>

          <div class="col-xs-3">

            {{ DocumentFormSet.empty_form.upload|as_crispy_field }}

          </div>

        </div>

      </table>

    </div>

</fieldset>

This is my JS part :

$('#add_more').click(function () {

  var form_idx = $('#id_form-TOTAL_FORMS').val();

  $('#form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx));

  $('#id_form-TOTAL_FORMS').val(parseInt(form_idx) + 1);

});

And this is my views.py file :

class PublicationCreateView(EdqmCreateView):

    """ Create publication with document form through formsets """

    model = Publication

    template_name = 'publication/publication_form.html'



    def get_context_data(self, **kwargs):

        context = super(PublicationCreateView, self).get_context_data(**kwargs)

        context['DocumentFormSets'] = DocumentFormSets(self.request.POST or None, self.request.FILES or None, prefix='doc')

        return context



    def form_valid(self, form):

        context = self.get_context_data()

        formsets = context['DocumentFormSets']

        if form.is_valid() and formsets.is_valid():

            self.object = form.save()

            for document in formsets:

                self.object = document.save()

                document.instance = self.object

                document.save()

        return super(PublicationCreateView, self).form_valid(form)

But I get this issue :

save() prohibited to prevent data loss due to unsaved related object
'publication'.

How I can save my forms from formsets ?

Thank you !