Symfony2 - FormBuilder - fügt dem Feld und der Eingabe eine Klasse hinzu

Die Klasse ein Feld ist Teil der Präsentationsschicht der Anwendung, so ist es am besten zu einem Zweig Thema für Ihre Formulare:

Erstellen Sie eine Datei fields.html.twig im Resources/views/Form Ihrer Bündeln und zu definieren, wie Sie Ihr Formular Zeile wird formatiert, zum Beispiel:

{% block field_row %}
<div class="row">
    {{ form_errors(form) }}
    {{ form_label(form) }}
    {{ form_widget(form, { 'attr': {'class': 'c4'} }) }}
</div>
{% endblock field_row %}

Wenn Sie anpassen möchten nur bestimmten Bereich, zum Beispiel im Bereich fieldName von der form formName haben, passen Sie die Zeile:

{% block _formName_fieldName_row %}
<div class="row">
    {{ form_label(form) }}
    {{ form_errors(form) }}
    {{ form_widget(form, { 'attr': {'class': 'c4'} }) }}
</div>
{% endblock %}

BEARBEITEN: passen Sie nur das Feld:

{% block _formName_fieldName_widget %}
    {% set type = type|default('text') %}
    <input type="{{ type }}" {{ block('widget_attributes') }} value="{{ value }}" class="c4" />
{% endblock %}

Dann in aller Formular-Vorlagen, die Sie wollen, dass es mit diesem Thema hinzufügen:

{% form_theme form 'MyBundle:Form:fields.html.twig' %}

Dies erklärt sich in der Tiefe in das Kochbuch

InformationsquelleAutor der Antwort Visavì

Form Theming

Jedes Teil wie ein Formular wiedergegeben wird, kann angepasst werden. Sie sind frei, zu ändern, wie jede form von "Zeile" dargestellt wird, ändern Sie den markup-Code verwendet, um render-Fehler oder sogar anpassen, wie ein textarea-tag dargestellt werden soll. Nichts ist Tabu, und verschiedene Anpassungen können an verschiedenen Orten verwendet werden.

Symfony verwendet Vorlagen zum Rendern jeder und jede Teil eines Formulars, wie label-tags, input-tags, Fehlermeldungen und alles andere.

In Zweig, jede form "fragment" ist vertreten durch ein Ast-block. Anpassen jeden Teil, wie man ein Formular macht, die Sie gerade brauchen, um das überschreiben der entsprechenden block.

In PHP, ist jede form "fragment" dargestellt wird, die über eine einzelne Vorlage-Datei. Anpassen jeden Teil, wie man ein Formular macht, die Sie gerade brauchen, um das überschreiben der bestehenden Vorlage eine neue erstellen.

Verstehen, wie das funktioniert, passen Sie die form_row-fragment und fügen Sie ein class-Attribut der div-element, das Sie umgibt, jede Zeile. Um dies zu tun, erstellen Sie eine neue Vorlage-Datei, wird das speichern neuer markup:

{# src/Acme/TaskBundle/Resources/views/Form/fields.html.twig #}
{% block form_row %}
{% spaceless %}
<div class="form_row">
{{ form_label(form) }}
{{ form_errors(form) }}
{{ form_widget(form) }}
</div>
{% endspaceless %}
{% endblock form_row %}

Den form_row form-fragment verwendet wird, die beim Rendern die meisten Felder über die form_row Funktion. Zu sagen, die form-Komponente, mit der neuen form_row fragment oben definiert, fügen Sie die folgenden am Anfang der Vorlage, das macht die form:

{# src/Acme/TaskBundle/Resources/views/Default/new.html.twig #}
{% form_theme form 'AcmeTaskBundle:Form:fields.html.twig' %}
{% form_theme form 'AcmeTaskBundle:Form:fields.html.twig'
'AcmeTaskBundle:Form:fields2.html.twig' %}
{{ form(form) }}

Den form_theme tag (im Zweig) "importiert" werden die Fragmente definiert, die in die gegebene Vorlage ein und verwendet Sie beim Rendern des Formular. In anderen Worten, wenn die form_row-Funktion aufgerufen wird, später in diese Vorlage zu verwenden, wird die form_row block von benutzerdefinierten Designs (anstelle der Standard-form_row block, die Schiffe mit Symfony).

Ihre custom theme nicht überschreiben aller Blöcke. Beim Rendern von einem block nicht überschrieben, in der Ihr benutzerdefiniertes Design, das theming-engine zurückgreifen, um die globalen Thema (definiert in der bundle-Ebene).

Wenn mehrere benutzerdefinierte Designs sind, sofern Sie gesucht wird in der aufgeführten Reihenfolge, bevor er zurück zu dem globalen Thema.

Anpassen eines Teils einer form, die Sie gerade brauchen, um das überschreiben der entsprechenden fragment. Genau zu wissen, welcher block bzw. die Datei zu überschreiben, ist Gegenstand des nächsten Abschnitts.

{# src/Acme/TaskBundle/Resources/views/Default/new.html.twig #}

{% form_theme form with 'AcmeTaskBundle:Form:fields.html.twig' %}

{% form_theme form with ['AcmeTaskBundle:Form:fields.html.twig',
'AcmeTaskBundle:Form:fields2.html.twig'] %}

Weitere Informationen finden Sie in der anpassen rendering in Symfony cookbook

Globalen Form Theming

Im obigen Beispiel, verwendet Sie die form_theme Helfer (im Zweig) zu "importieren", um das benutzerdefinierte Formular-Fragmente in genau dieser form. Man kann auch sagen, Symfony importieren form-Anpassungen in Ihrem gesamten Projekt.

Zweig

Automatisch enthalten die angepasste Blöcke von den Feldern.html-Code.twig template erstellt früher in allen Vorlagen ändern Sie Ihre Anwendung-Konfigurations-Datei:

# app/config/config.yml
  twig:
    form:
      resources:
        - 'AcmeTaskBundle:Form:fields.html.twig'

Alle Blöcke innerhalb der Felder.html-Code.twig template sind jetzt weltweit verwendet, um zu definieren, Formular-Ausgabe.

InformationsquelleAutor der Antwort mukulu