Вопрос по symfony, twig – Пользовательский рендеринг «повторного» поля из Symfony 2 в Twig

27

Я только начал использовать Twig, и я пытаюсь создать регистрационную форму. Чтобы добавить поле ввода пароля / ввода пароля повторно, я использую & quot; Повторно & quot; тип файла:

->add('password', 'repeated', array(
    'type' => 'password',
    'invalid_message' => 'Passwords have to be equal.',
    'first_name'      => 'Password',
    'second_name'     => 'Re-enter password',
));

который работает как задумано. Однако проблема в том, что я хочу добавить в форму несколько пользовательских классов и т. Д. Итак, мой шаблон выглядит так:

<form action="{{ path('register') }}" method="post" {{ form_enctype(form) }}>
    {{ form_errors(form) }}
    {{ form_errors(form.username) }}
    <div class="form-field">
        {{ form_label(form.username, null, { 'attr': {'class': 'form-label'} }) }}
        {{ form_widget(form.username, { 'attr': {'class': 'form-input'} }) }}
    </div>
    {{ form_errors(form.email) }}
    <div class="form-field">
        {{ form_label(form.email, null, { 'attr': {'class': 'form-label'} }) }}
        {{ form_widget(form.email, { 'attr': {'class': 'form-input'} }) }}
    </div>
    {{ form_errors(form.password) }}
    <div class="form-field">
        {{ form_label(form.password, null, { 'attr': {'class': 'form-label'} }) }}
        {{ form_widget(form.password, { 'attr': {'class': 'form-input'} }) }}
    </div>

    {{ form_rest(form) }}

    <input type="submit" class="contact-submit" />
</form>

это работает отлично для всего, кроме парольной части. Я хочу визуализировать оба поля отдельно, теперь они просто отображаются в одном и том же div.

Как это исправить? Есть ли способ выбрать отдельные поля в Twig? Или я просто что-то делаю не так, потому что в первую очередь сталкиваюсь с этой проблемой.

Вот ответ, который вы ищете (используя Symfony 2.2):stackoverflow.com/a/16119798/2056878 occulti
Вот ответ на ваш вопрос (с использованием Symfony 2.2):stackoverflow.com/a/16119798/2056878 occulti

Ваш Ответ

5   ответов
25

блоне ветки, вам просто нужно отозвать их соответствующие имена, например:

{{ form_label(form.password.pass, "Password :") }}
{{ form_widget(form.password.pass) }}

{{ form_label(form.password.confirm, "Confirm :") }}
{{ form_widget(form.password.confirm) }}

И конечно в твоей функции:

/..
->add('password', 'repeated', array(
'first_name' => 'pass',
'second_name' => 'confirm',
'type' => 'password'
))

С уважением.

0

х, вы можете настроить способ отображения меток и виджетов. Проверьтеhttp://symfony.com/doc/current/cookbook/form/form_customization.html

Если вы посмотрите на этот файл:

vendor/symfony/src/Symfony/Bridge/Twig/Resources/views/Form/form_div_layout.html.twig

Вы можете увидеть значения по умолчанию для всех виджетов. Чтобы достичь именно того, что вам нужно, вы можете переопределить блок generic_label, добавив класс метки формы:

{% block generic_label %}
{% spaceless %}
    {% if required %}
        {# We add form-label class in the next line! #}
        {% set attr = attr|merge({'class': attr.class|default('') ~ ' required form-label'}) %}
    {% endif %}
    <label{% for attrname,attrvalue in attr %} {{attrname}}="{{attrvalue}}"{% endfor %}>{{ label|trans }}</label>
{% endspaceless %}
{% endblock %}

И блок widget_attributes для добавления класса ввода формы:

{% block widget_attributes %}
{% spaceless %}
    {# We add form-input class in the next line! #}
    {% set attr = attr|merge({'class': attr.class|default('') ~ ' form-input'}) %}
    id="{{ id }}" name="{{ full_name }}"{% if read_only %} disabled="disabled"{% endif %}{% if required %} required="required"{% endif %}{% if max_length %} maxlength="{{ max_length }}"{% endif %}{% if pattern %} pattern="{{ pattern }}"{% endif %}
    {% for attrname,attrvalue in attr %}{{attrname}}="{{attrvalue}}" {% endfor %}
{% endspaceless %}
{% endblock widget_attributes %}

С помощью этих двух шаблонов все ваши входные данные должны отображаться с нужными вам классами, без необходимости повторять атрибут "attr". параметры по всем вашим формам.

Я не пробовал это, но это должно позаботиться о повторяющейся проблеме поля. Даже если это не так, вы можете создать шаблон repeat_widget и / или repeat_row, чтобы настроить отображение повторяющегося виджета, тем самым исправив этот виджет для всех форм, которые его используют.

18

....
{{ form_errors(form.password.first) }}
<div class="form-field">
    {{ form_label(form.password.first, null, { 'attr': {'class': 'form-label'} }) }}
    {{ form_widget(form.password.first, { 'attr': {'class': 'form-input'} }) }}
</div>

{{ form_errors(form.password.second) }}
<div class="form-field">
    {{ form_label(form.password.second, null, { 'attr': {'class': 'form-label'} }) }}
    {{ form_widget(form.password.second, { 'attr': {'class': 'form-input'} }) }}
</div>
....
3

они используют password.first и password.second, еще лучше попробуйте использовать ваш профилировщик, чтобы увидеть, какие переменные исходят от представления и контроллеров;)

56

здесь, чтобы другие, кто может найти этот вопрос, также знали ответ:

{% for passwordField in form.password %}
    <div class="form-field">
        {{ form_label(passwordField, null, { 'attr': {'class': 'form-label'} }) }}
        {{ form_widget(passwordField, { 'attr': {'class': 'form-input'} }) }}
    </div>
{% endfor %}
Фантастика. Спасибо, что вернулись и ответили на свой вопрос!

Похожие вопросы