如何在 Django 视图中呈现手风琴内的表单集

Question

我使用的是脆皮表格，我有很多表格集，我正在显示单个页面。为了使页面更加用户友好，我决定将每个表单集放在手风琴中。我使用了 cripsy/bootstrap3 中的 Accordian 布局，但它导致 formset 中的每个表单在单独的 Accordion 中呈现。我希望在一个 Accordion 中呈现整个表单集。

请告诉我如何实现这个？

在我的 FormHelper 中：

            self.layout = Layout(
            AccordionGroup('Profile Key Value Pair',     
                    Div(
                        Row(
                            Div( 'key',         css_class='col-md-6' ),
                            Div( 'value',       css_class='col-md-4' ),
                        ),
                    ),
                )
        )

Answer 1

Crispy 表单布局会将手风琴应用于表单集中的每个表单。因为我想在表单集级别应用手风琴。我在模板文件中进行了更改，并添加了 html/css 代码以将手风琴包裹在表单集周围。

            <div class="panel panel-default"> 
            <div class="panel-heading"> 
            <h4 class="panel-title"> 
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#" href="#{{ formset.prefix }}">{{ formset.legend }}</a> </h4> </div>
            <div id="{{ formset.prefix }}" class="panel-collapse collapse" >
            <div class="panel-body"> 
            {% crispy formset formset.crispy_helper %}  
            </div>          
            </div>

如何在 Django 视图中呈现手风琴内的表单集

How to render a formset inside an Accordion in django view

javascript

jquery

django

accordion

django-crispy-forms