Symfony3 form_widget渲染form_row

Question

我尝试在视图中呈现表单输入，但不是将label ， errors和widget分开，而是呈现输入的整个row 。

MyType.php

/**
 * {@inheritdoc}
 */
public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder
        ->add('email', EmailType::class, [
            'label' => 'Email',
            'required' => true,
        ])
        ->add('emailIsPublic', CheckboxType::class, [
            'label' => 'Make e-mail public (can be seen by everyone)',
            'required' => false,
            'attr' => [
                'class' => 'switch',
            ]
        ])
        ->add('submit', SubmitType::class, [
            'label' => 'Save changes',
            'attr' => [
                'class' => 'btn btn-outline-primary float-right',
            ]
        ]);
}

my-view.html.twig

{{ form_start(edit_form) }}
    <div>
        {{ form_label(edit_form.emailIsPublic) }}
    </div>
    <div>
        {{ form_errors(edit_form.emailIsPublic) }}
    </div>
    <div>
        {{ form_widget(edit_form.emailIsPublic) }}
    </div>
{{ form_end(edit_form, {'render_rest': false}) }}

生成的HTML

<form name="appbundle_my" method="post">
    <div></div>
    <div></div>
    <div>
        <div class="form-check">
            <label class="form-check-label">
                <input id="appbundle_my_emailIsPublic" name="appbundle_my[emailIsPublic]" class="switch form-check-input" value="1" type="checkbox"> Make e-mail public (can be seen by everyone)
            </label>
        </div>
    </div>
</form>

正如我们在生成的HTML中看到的那样， form_label和form_errors为空，并且form_widget呈现了form_row应该呈现的内容。 为什么？

Answer 1

我不太习惯细化和形成主题，但是我很确定由于复选框类型的原因，您不能将行分为这3个拍子。 使用复选框小部件时，标签会被烘焙到小部件的渲染中。 渲染form_row时，它将渲染3个部分的标签，错误和窗口小部件，而复选框窗口小部件本身也将渲染标签。 鉴于标签几乎是有关复选框使用的重要信息，因此这很有道理。

{% block checkbox_widget -%}
    {%- set parent_label_class = parent_label_class|default(label_attr.class|default('')) -%}
    {%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-check-input')|trim}) -%}
    {% if 'checkbox-inline' in parent_label_class %}
        {{- form_label(form, null, { widget: parent() }) -}}
    {% elseif 'form-check-inline' in parent_label_class %}
        <div class="form-check{{ not valid ? ' form-control is-invalid' }} form-check-inline">
            {{- form_label(form, null, { widget: parent() }) -}}
        </div>
    {% else -%}
        <div class="form-check{{ not valid ? ' form-control is-invalid' }}">
            {{- form_label(form, null, { widget: parent() }) -}}
        </div>
    {%- endif -%}
{%- endblock checkbox_widget %}

您可以尝试通过在模板中添加以下内容来覆盖此特定用例的块：

{% form_theme form _self %}

{% block _edit_form_emailIsPublic_row %}
  {% spaceless %}
    ####build your markup for the checkbox here, use default on hot to access the needed informations etc.####
  {% endspaceless %}
{% endblock %}

或者您自己编写标记，并从表单对象（例如edit_form.emailIsPublic.vars.label）中获取一些重要的东西，如名称，标签值等，而无需调用任何帮助程序，如果要删除render_rest: false则将字段设置为事后渲染{% edit_form.emailIsPublic.setRendered %} render_rest: false

希望这可以帮助您朝正确的方向发展。 表格可能会很痛苦。

Answer 2

正如我在这里看到的那样： https : //github.com/symfony/symfony/issues/26540#issuecomment-375232354

此行为似乎是特定于Bootstrap 4 Form主题用法的错误。

这特定于Bootstrap 4主题，并且似乎与＃26591 [TwigBridge] Make sure we always render errors. Eventhough labels are disabled所做的更改有关[TwigBridge] Make sure we always render errors. Eventhough labels are disabled [TwigBridge] Make sure we always render errors. Eventhough labels are disabled 。

我将等待Symfony的更新来解决此问题。