Symfony形式集合渲染


Symfony form collection rendering

我使用的是symfony 2.3我有一张带有"集合"类型字段的表格

树枝中的可视化代码:

{% for field in form.fields %}
    {{ form_row(field.name) }}
{% endfor %}

一切正常,除了form.fields为空。然后在树枝环中什么也看不到,女巫很好。但是在表单的末尾有元素"form.fields"的"label"。只有label。

解决方法:

    {% for field in form.fields %}
        {{ form_row(field.name) }}
    {% endfor %}
    <div class="hidden">
        {{ form_row(form.fields) }}

如果有元素,它们将在循环中进行渲染。{{form_row}}将为空,因为所有元素都在上面的循环中迭代。但是如果form.fields为空,那么(在div中(就有"hidden"标签。

我错过了什么!?为什么会发生这种事!?

隐藏的div内容:

<div class="form-group"><label class="col-sm-2 control-label required">name</label><div class="col-sm-10"><div id="my-id" data-prototype=""></div></div></div>

生成器配置:

$builder->add(
    'fieldDataMappers',
    'collection',
    array(
        'type' => new FieldDataType(),
        'allow_add' => true,
        'allow_delete' => true,
        'by_reference' => false,
    )
);

正如您正确猜测的那样,Symfony TwigBridge会跟踪渲染的内容和未渲染的内容。这很有用,因为有一个名为form_rest(form)的函数,它对打印隐藏的表单字段特别有用,并防止出现"伟大的木星!我忘记打印那个字段了!"的时刻。:(您经常会在表单的末尾找到form_rest,就在提交按钮之前。

还要考虑集合是一个复合表单类型,其中包含子表单的变量列表。当for循环未触发时,由于表单类型为空,对{{ form_row(form.fields) }}的调用将打印出集合表单类型。默认情况下,这将打印(你已经猜到了(集合标签和一个空的div。另一方面,当集合不为空时,Symfony将认为集合已渲染,因为所有子项都已渲染(请参阅FormView::isRendered(

您可以查看Symfony标准主题form_div_layout.html.twig,尤其是块form_row(显示标签打印(和form_widget_compound(div和for循环(。

所以,如果你只需要隐藏标签(快速而肮脏,一些div仍然存在(,只需使用:

$builder->add(
    'fieldDataMappers',
    'collection',
    array(
        'type' => new FieldDataType(),
        'label' => false,
        'allow_add' => true,
        'allow_delete' => true,
        'by_reference' => false,
    )
);

或者更好的方法是,只需输出整个集合小部件,不需要行:

{{ form_widget(form.fieldDataMappers) }}

或者更好的是,您可以使用打印整个系列

{{ form_row(form.fieldDataMappers) }}

然后添加一个Twig主题来定制集合输出,比如(注意名称语法和缺少的form_label调用(:

{% block collection_row -%}
    <div>
        {{- form_errors(form) -}}
        {{- form_widget(form) -}}
    </div>
    <div class="hidden">Something here?</div>
{%- endblock collection_row %}

希望得到帮助!

{# src/Acme/TaskBundle/Resources/views/Task/new.html.twig #}
{# ... #}
{{ form_start(form) }}
    {# render the task's only field: description #}
    {{ form_row(form.description) }}
    <h3>Tags</h3>
    <ul class="tags">
        {# iterate over each existing tag and render its only field: name #}
        {% for tag in form.tags %}
            <li>{{ form_row(tag.name) }}</li>
        {% endfor %}
    </ul>
{{ form_end(form) }}
{# ... #}

Symfony2食谱

http://symfony.com/doc/current/cookbook/form/form_collections.html

此外,集合的字段名为fieldDataMappers,而不是field

所以我认为应该是

{% for field in form.fieldDataMappers %}
    {{ form_row(field.name) }}
{% endfor %}
    {{ form_label(form.emails) }}
    <ul id="email-fields-list"
        data-prototype="{{ form_row(form.emails.vars.prototype)|e }}"
        data-widget-tags="{{ '<ol></ol>'|e }}"
        data-widget-counter="{{ form.emails|length }}">
        {% for email in form.emails %}
            <ol>
                {{ form_errors(email) }}
                {{ form_row(email) }}
            </ol>
        {% endfor %}
    </ul>
    <button type="button" class="add-another-collection-widget" data-list-selector="#email-fields-list">Add email</button>
    {{ form_widget(form.emails) }}

我只是在块之后添加{{ form_widget(form.emails) }},而不是处理添加到集合的操作,并且在表单末尾不再添加标签。

干杯

我用解决了这个问题

{{ form_label(form.collection) }}
{% for element in form.collection %}
    {{ form_widget(element) }}
{% else %}
    {{ form_widget(form.collection) }}
{% endfor %}

(我知道有点晚了,但Symfony 5仍然有问题(