Symfony 表单生成器 - 如何将表单标题放入 h2 选择器中？

Question

我希望我的表单标题显示在 h2 选择器中。我做了类似的事情，但它抛出了一个错误 "exception: "在呈现模板 ("Notice: Undefined offset: -1") 期间抛出了异常。"""

 // how should I change THIS part? To change only the main form title/label?
 // I made it work somehow but then it changes all labels... Is there some 
 // selector which allows to style MAIN title of the form?
{% block form_label %}
    {% spaceless %}
        <h2>{{ form_label(form) }}</h2>
    {% endspaceless %}
{% endblock form_label %}

我听说我不应该把它放在表单模板中的 h2 选择器的项目文件中。它更干净，即使文档没有禁止我被鼓励以另一种方式来做，这就是我想尝试的方式。

{% form_theme form 'Forms/base_form.html.twig' %}
{{ form_start(form) }}

    {{ form_label(form, 'Project title', { 'label_attr': {'class': 'main-form-label'} }) }} 
  // so as I shouldn't put all that line in <h2> can I somehow do it in template between  {% block form_label %} ?

    {{ form_row(form.title, {'label': 'My title'}) }}
    {{ form_row(form.isComplete, {'label': 'Dropdown'}) }}
    {{ form_row(form.comment, {'label': 'Comment'}) }}
    {{ form_row(form.submit, {'label': 'Submit'}) }}


{{ form_end(form) }}

另外...我应该使用什么 difference/what - {% block form_label %} 或 {%- block form_label -%}

我的整个模板：

{% block form_label %}
    {% spaceless %}
        <h2>{{ form_label(form) }}</h2>
    {% endspaceless %}
{% endblock form_label %}

{% block form_row %}
    {% spaceless %}
        {{ form_widget(form) }}
        {{ form_errors(form) }}
    {% endspaceless %}
{% endblock form_row %}

{% block submit_row %}
    {% spaceless %}
        <div class="col-12">
            {{ form_widget(form) }}
        </div>
    {% endspaceless %}
{% endblock submit_row %}

{% block text_widget %}
    {% spaceless %}
        <div class="col-12">
            <div>
                {{ form_label(form) }}
            </div>
            {{ form_widget(form) }}
        </div>
    {% endspaceless %}
{% endblock text_widget %}

{% block choice_widget %}
    {% spaceless %}
        <span>
            {{ form_label(form) }}

            {% if expanded %}
                {{ block('choice_widget_expanded') }}
            {% else %}
                {{ block('choice_widget_collapsed') }}
            {% endif %}
            {{ form_errors(form) }}
        </span>
    {% endspaceless %}
{% endblock choice_widget %}

Answer 1

以防你被困在某个地方；）我们过去常常这样做（当我们想要自定义渲染时）。

首先，我们扩展 FormType :

namespace App\Form\Extension;

use Symfony\Component\Form\AbstractTypeExtension;
use Symfony\Component\Form\Extension\Core\Type\FormType;
use Symfony\Component\Form\FormInterface;
use Symfony\Component\Form\FormView;
use Symfony\Component\OptionsResolver\OptionsResolver;

class FormTypeExtension extends AbstractTypeExtension
{
    public function getExtendedType()
    {
        return FormType::class;
    }

    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefault('main_title', false);
        $resolver->setAllowedTypes('main_title', 'boolean');
    }

    public function buildView(FormView $view, FormInterface $form, array $options)
    {
        $view->vars['main_title'] = $options['main_title'];
    }
}

考虑在 Symfony 中注册您的扩展！

然后您可以通过这种方式在您的表单生成器中使用它：

public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder->add(
        'myField',
        TextType::class,
        array(
            'main_title' => true
        ));
}

最后，在您的模板中：

{% block form_row -%}
{% spaceless %}

    {% if main_title %}
        <h2>{{ form_label(form) }}</h2>
    {% else %}
        {{ form_label(form) }}
        {{ form_widget(form) }}
    {% endif %}

{% endspaceless %}
{%- endblock form_row %}

随意根据您的需要覆盖该块 ;-)

Symfony 表单生成器 - 如何将表单标题放入 h2 选择器中？

Symfony form builder - how to put form title in h2 selector?

formbuilder

symfony

twig