Django CrispyForms - Rendering di ogni forma di un formset in schede di bootstrap separate

Question

Vorrei rendere ogni form di un formset in una diversa scheda bootstrap3 usando django-crispyForms, ma non sembra semplice perché crispyForms non gestisce completamente il formset ancora.

mia forma:

class BlogMessageForm(forms.ModelForm): 
    class Meta: 
     model = BlogMessage 
     fields = ['field1', 'field2', ] 

class BlogMessageFormsetHelper(FormHelper): 
    def __init__(self, *args, **kwargs): 
     super(BlogMessageFormsetHelper, self).__init__(*args, **kwargs) 
     self.form_tag = False 
     self.layout = Layout(
      TabHolder(
       Tab('Form%s' % (form.pk), 
        'field1', 'field2', 'DELETE', 
        ) 
      ) 

     ) 

mio punto di vista:

def all_blogs_messages_in_bootstrap_tab(request): 
    all_blog_messages = BlogMessage.objects.all() 
    blogMessageForm = modelformset_factory(BlogMessage, form=BlogMessageForm, extra=1, can_delete=True) 
    formset = blogMessageForm(queryset=all_blog_messages) 
    helper = BlogMessageFormHelper() 

    render_to_response("blogs/blogMessage_forms.html", {'formset': formset, 'helper': helper}, context_instance=RequestContext(request)) 

mio modello crispyForms:

{% load crispy_forms_tags %} 
<form method="post" action="" encrypt="multipart/form-data">{% csrf_token %} 
    {% crispy formset helper %} 
</form> 

Eccola alcune informazioni su che contraint crispyForm formset:

• django crispy forms: Nesting a formset within a form
• related issue
• crispyForm tab and tab holder doc

Answer 1

Ecco come lo farei:

<form method="post" enctype="multipart/form-data">{% csrf_token %} 
    {{ formset.management_form }} 
    <div role="tabpanel"> 
    <ul class="nav nav-tabs" role="tablist"> 
     {% for form in formset %} 
     <li role="presentation" class="{% if forloop.first %}active{% endif %}"> 
      <a href="#id_form-{{ forloop.counter0 }}" aria-controls="id_form-{{ forloop.counter0 }}" role="tab" data-toggle="tab"> 
      {% if forloop.counter0 < formset.initial_forms|length %} 
       Form{{ forloop.counter }} 
      {% else %} 
       New Form 
      {% endif %} 
      </a> 
     </li> 
     {% endfor %} 
    </ul> 
    <div class="tab-content"> 
     {% for form in formset %} 
     <div role="tabpanel" class="tab-pane{% if forloop.first %} active{% endif %}" id="id_form-{{ forloop.counter0 }}"> 
      {% crispy form %} 
      {% if form.instance.pk %} 
      <input id="id_form-{{ forloop.counter0 }}-id" name="form-{{ forloop.counter0 }}-id" type="hidden" value="{{ form.instance.id }}"> 
      {% endif %} 
      {% if forloop.counter0 < formset.initial_forms|length %} 
      {% if formset.can_delete %} 
       <input id="id_form-{{ forloop.counter0 }}-DELETE" name="form-{{ forloop.counter0 }}-DELETE" type="hidden"> 
       <button type="submit" data-id="id_form-{{ forloop.counter0 }}-DELETE" class="btn btn-default btn-formset-delete">Delete</button> 
      {% endif %} 
      {% endif %} 
     </div> 
     {% endfor %} 
    </div> 
    </div> 
    <button type="submit" class="btn btn-primary">Save</button> 
</form> 

Quasi dimenticato, il pulsante Elimina non funzionerà senza alcuni javascript. Ma questo è facoltativa, naturalmente, delete campo può essere reso visibile e il pulsante rimosso, altrimenti:

$(document).ready(function(){ 
    $(".btn-formset-delete").click(function(){ 
     $("#" + $(this).data('id')).val("on"); 
     return true; 
    }); 
}); 

aggiungere anche questo al modulo:

def __init__(self, *args, **kwargs): 
    super(MyForm, self).__init__(*args, **kwargs) 
    self.helper = FormHelper(self) 
    self.helper.form_tag = False 
    self.helper.disable_csrf = True