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）获取名称，标签值等重要内容而不调用任何助手，如果要删除{% edit_form.emailIsPublic.setRendered %}

，请将字段设置为事后呈现render_rest: false

希望这能让你朝着正确的方向前进。表格可能非常痛苦。

Answer 2

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

此行为似乎是特定于Bootstrap 4表单主题使用的错误。

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

我将等待更新Symfony来解决这个问题。

Symfony3 form_widget呈现form_row

MyType.php

MY-view.html.twig

生成的HTML

2 个答案: