31

Twigを使い始めたばかりで、登録フォームを作成しようとしています。パスワードを追加する/パスワードフィールドを再入力するには、「繰り返し」ファイルタイプを使用します。

->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で個別のフィールドを選択する方法はありますか？それとも、そもそもこの問題に遭遇したので、私は何か間違ったことをしているだけですか。

4

5 に答える 5

59

ランダムな推測の後、私は自分の問題を解決しました。ここに投稿して、検索してこの質問にたどり着く可能性のある他の人にも答えを知ってもらいます。

{% 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 %}
于 2012-05-20T17:01:16.330 に答える
27

小枝テンプレートで繰り返されるメソッドから両方のパスワードフィールドを分離したい場合は、次のようにそれぞれの名前をコールバックするだけです:

{{ 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'
))

よろしく。

于 2012-07-18T07:22:55.793 に答える
20

これは私のために働く：

....
{{ 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>
....
于 2013-07-06T10:00:19.887 に答える
3

ユーザー バンドルを使用している場合は、password.first と password.second を使用します。プロファイラーを使用して、ビューとコントローラーから取得される変数を確認してみてください ;)

于 2014-04-20T10:47:01.367 に答える
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 %}

これら 2 つのテンプレートを使用すると、すべての入力が必要なクラスでレンダリングされ、フォーム全体で「attr」パラメーターを繰り返す必要がなくなります。

私はそれを試していませんが、これはフィールドの繰り返しの問題を処理するはずです。そうでない場合でも、repeated_widget および/または Repeated_row テンプレートを作成して、繰り返しウィジェットのレンダリング方法をカスタマイズし、それを使用するすべてのフォームに対してそのウィジェットを修正できます。

于 2012-05-22T00:54:33.170 に答える