javascript - 自定义数据原型(prototype) symfony3

Question

我有一个嵌入的表单集合，具有自定义数据原型(prototype)属性。这是我自定义数据原型(prototype)的方式

我的主 Twig 文件(listingbedroomaddpage.html.twig):

<div class="bedrooms" data-prototype=
        "{% filter escape %}
             {{ include('EpitaHousingBundle:Listing:prototype.html.twig', { 'form': form.bedrooms.vars.prototype }) }}
         {% endfilter %}">
            </div>

我的prototype.html.twig:

<div class="row">
    <div class="col-md-2">{{ form_label(form.rentamount, 'Rent') }}</div>
    <div class="col-md-2">{{ form_widget(form.rentamount) }}</div>
    <div class="col-md-1">{{ form_widget(form.rentcurrency) }}</div>
    <div class="col-md-2">{{ form_widget(form.rentduration) }}</div>
    <div class="col-md-3">{{ form_errors(form.rentamount) }}</div>  
    <div class="col-md-1">{{ form_errors(form.rentcurrency) }}</div>
    <div class="col-md-1">{{ form_errors(form.rentduration) }}</div>
</div>

当我第一次渲染表单时，将调用 prototype.html.twig 并正确渲染嵌入的表单。然而，一旦我提交表单，嵌入表单的 Twig 结构和样式就消失了。以下分别是提交前和提交后的截图

我的猜测是，单击提交后不会调用prototype.html.twig。我对此比较陌生。谁能帮帮我。

提前致谢。如果您需要更多代码来重现问题，请告诉我。

Answer 1

我明白了。抱歉来晚了一点，但就在这里。在主 Twig 中，您需要循环遍历所有集合(在本例中为 form.bedrooms)，并在循环内渲染原型(prototype)表单。在此代码下方

<div class="bedrooms" data-prototype=
    "{% filter escape %}
         {{ include('EpitaHousingBundle:Listing:prototype.html.twig', { 'form': form.bedrooms.vars.prototype }) }}
     {% endfilter %}">
        </div>

像这样

    {% for bedroom in form.bedrooms %}
                            <div class="row">
    <div class="col-md-2">{{ form_label(bedroom.rentamount, 'Rent') }}</div>
    <div class="col-md-2">{{ form_widget(bedroom.rentamount) }}</div>
    <div class="col-md-1">{{ form_widget(bedroom.rentcurrency) }}</div>
    <div class="col-md-2">{{ form_widget(bedroom.rentduration) }}</div>
    <div class="col-md-3">{{ form_errors(bedroom.rentamount) }}</div>  
    <div class="col-md-1">{{ form_errors(bedroom.rentcurrency) }}</div>
    <div class="col-md-1">{{ form_errors(bedroom.rentduration) }}</div>
</div>
    {% endfor %}