Question

我刚开始使用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中选择单独的字段？或者我只是做错了，因为我首先遇到了这个问题。

Answer 1

随机猜测后我解决了自己的问题。我会在这里发布，所以其他可能通过搜索来回答这个问题的人也知道答案：

{% 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 %}

Answer 2

如果你想在你的树枝模板中分离重复方法的两个密码字段，你只需要回复它们各自的名字，如：

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

问候。

Answer 3

这对我有用：

....
{{ 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>
....

Answer 4

如果您使用的是用户捆绑包，他们会使用password.first和password.second，甚至可以尝试使用您的探查器查看来自视图和控制器的变量;）

Answer 5

如果要为标签和输入提供应用程序范围的类，可以自定义标签和窗口小部件的呈现方式。查看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块以添加form-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”参数。

我没有尝试过，但这应该照顾重复的现场问题。即使它没有，您也可以创建一个repeated_widget和/或repeated_row模板来自定义重复窗口小部件的呈现方式，从而为使用它的所有窗体修复该窗口小部件。

从Twig中的Symfony 2自定义渲染“重复”字段

5 个答案: