Symfony:如何避免自定义表单类型自动包装在div中?

默认情况下,在基本表单主题中:

{% block form_row %}
{% spaceless %}
    <div>
        {{ form_label(form) }}
        {{ form_errors(form) }}
        {{ form_widget(form) }}
    </div>
{% endspaceless %}
{% endblock form_row %}

对于自定义复合表单:

{% block form_widget_compound %}
{% spaceless %}
    <div {{ block('widget_container_attributes') }}>
        {% if form.parent is empty %}
            {{ form_errors(form) }}
        {% endif %}
        {{ block('form_rows') }}
        {{ form_rest(form) }}
    </div>
{% endspaceless %}
{% endblock form_widget_compound %}

除非您在此处进行了更改,否则您看到的DIV应该来自模板的一个或另一个位。

然而,在您的特定示例中,如果 表单用户行 如果定义了,则不使用第一位,并且如果 表单用户小部件 如果定义了,则不使用最后一位。

回到你的问题。您的问题是: “我如何更改主题,以便所有自定义类型都不使用默认的form_row模板包装?”

我认为这是一个问题:您希望您的TOP表单(包含所有子表单的表单)都有一种通用的呈现方式,在部分中。每个部分都将包含在一个具有class=“form group”的DIV中。您可能想加入一些额外的渲染操作,但我将仅限于此,以保持简单。

然后,您需要做的是创建一个特殊的表单类型,并使所有TOP表单继承自该新表单类型。例如:

class TopType extends AbstractType
{
    public function getName()
    {
        return 'top_form';
    }
}

…和继承形式:

class MyFormType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        ...
    }

    public function getName()
    {
        return 'my_form';
    }

    public function getParent()
    {
        return 'top_form';
    }
}

正如您所看到的,表单主题继承不需要使用PHP继承。

模板主题化(我甚至可以这样说吗?),如果没有为 我的表单(_F) ,Symfony将理解此处使用的默认表单主题是 顶部表单 ,您可以这样定义:

{% block top_form_widget %}
{% spaceless %}
    {% for child in form %}
        <div class="form-group">
            {{ form_widget(child) }}
        </div>
    {% endfor %}
    {{ form_rest(form) }}
{% endspaceless %}
{% endblock top_form_widget %}

我应该补充一点,这是我已经遇到并解决的问题。告诉我这对你有什么好处。

编辑:

综上所述,您需要做的是:

• 创建TopType表单类型,
• 添加 顶部_窗体_小部件 块在表单主题中,
• 对于所有根表单(即顶级表单、没有父级的表单),添加 获取父项() 方法,该方法将返回TopType表单的名称(“top_form”)

理论上,如果您覆盖 form_widget_compound 以这种方式在全局窗体主题中块,它应该按您的需要工作:

// app/Resources/views/form.html.twig

{% block form_widget_compound %}
    {% if form.parent is empty %}
        <div {{ block('widget_container_attributes') }}>
        {{ form_errors(form) }}
    {% endif %}
    {{ block('form_rows') }}
    {{ form_rest(form) }}
    {% if form.parent is empty %}
        </div>
    {% endif %}
{% endblock %}

并注册表单主题:

// app/config/config.yml
twig:
    form:
        resources:
            - "::form.html.twig"

我通常通过手动呈现嵌套表单的字段来解决这个问题:

{{ form_row(form.tutor.school) }}
{{ form_row(form.tutor.user.email) }}

也许这不是最优雅的解决方案,但它对我很有效,我还没有找到一个优雅的解决方法。

Bootstrap 3.3.4我最终做到了这一点。

它们是其中的关键部分:

 <div class="{% if form.parent.parent is empty %}form-group{% endif %}{% if (not compound or force_error|default(false)) and not valid %} has-error{% endif %}">

完整模板。

{% block form_row -%}
    <div class="{% if form.parent.parent is empty %}form-group{% endif %}{% if (not compound or force_error|default(false)) and not valid %} has-error{% endif %}">
        {% if form.parent.parent is null and label is not empty %}
            {{- form_label(form) -}}
        {% elseif label is empty %}
            {{- form_label(form) -}}
        {% endif %}
        {% if compound is empty %}<div class="{{ block('form_group_class') }}">{% endif %}
            {{- form_widget(form) -}}
            {{- form_errors(form) -}}
        {% if compound is empty %}</div>{% endif %}
    </div>
{%- endblock form_row %}

也许这不是一个优雅的解决方案,但对我来说很有效,因为我也在努力寻找解决方案。

例如:

{% for custom_field in form.custom_fields %}
<div class="edit_custom">
{{ form_row(custom_field.name) }}
{{ form_row(custom_field.value) }}
</div>
{% endfor %}

<script>
$('.edit_custom').find('input').unwrap();
</script>

尝试使用form_themes。

首先,在父模板中定义表单主题:

{% form_theme form with ['BundleName:ControlerName:somesubform_form.html.twig'] %}

顺便用正确的名称替换BundleName、ControllerName和somesubform。

然后使用以下命令进行渲染:

{{ form_row(form.somesubform) }}