如何在symfony2表单集合中自定义数据原型？

Question

我的表单中有一组隐藏字段。

<ul id="user_roles">
  <li><hidden field value="role1"></li>
  <li><hidden field value="role2"></li>
  (...)
</ul>

我使用 jQuery（和数据原型）来添加新角色。

问题是我想渲染这样的东西：

<ul id="user_roles">
  <li>role1 <hidden field value="role1"></li>
  <li>role2 <hidden field value="role2"></li>
  (...)
</ul>

初始渲染没有问题：我只是输入：

{% for role in roles %}
 <li> {{ role }} {{ form_row(role) }} </li>
{% endfor %}

但是默认的数据原型只会渲染 {{ form_row （角色）}}（隐藏字段）。

我应该在哪里更改默认数据原型？

form_div_layout.html 中没有我可以自定义的 {% block prototype %}...

Answer 1

集合小部件定义如下：

{% block collection_widget %}
{% spaceless %}
    {% if prototype is defined %}
        {% set attr = attr|merge({'data-prototype': form_row(prototype) }) %}
    {% endif %}
    {{ block('form_widget') }}
{% endspaceless %}
{% endblock collection_widget %}

因此您可以覆盖它来控制渲染原型的方式。

Answer 2

您还可以通过调用 Roles.vars.prototype 从模板内部访问原型，并稍后在 JS 中使用它。如果你想将它放入 div 的 data-prototype 属性中（因为它通常呈现），你必须记住转义它：

<div data-prototype="{{ form_row(roles.vars.prototype) | escape }}">
  {% for role in roles %}
    <li> {{ role }} {{ form_row(role) }} </li>
  {% endfor %}
</div>

Answer 3

文档中推荐的方法 允许您在应用程序内轻松地独立定制每个集合，所有这些都在同一个文件中。

• 创建文件prototype_layout.html.twig：

  {% block _myform_mycollection_entry_row %}
      
  
          
  {{ form_row(form.title) }}
  ;
          
  {{ form_row(form.author) }}
  ;
      
  {% 末端嵌段 %}
  

块的名称很重要。如果您的父表单名为 MyformType，则第一部分将为 _myform；如果拥有该集合的表单字段名为 _mycollection，则第二部分将为 _mycollection。第三部分必须始终为 _entry_row 才能使其正常工作。

例如，如果您有一个 UserType 表单，其中包含 'books 的集合' 块名称可能是 _user_books_entry_row

为了确保名称正确，请添加一个子表单（通过单击“添加”按钮使用 javascript 添加子表单）并检查相应选择 html 的 id元素使用浏览器的检查器工具。

如果它看起来像 user_books_0_title，那么块名称将为 _user_books_entry_row

• 在 config.yml 的 twig 部分声明此文件作为全局表单主题< /代码>：

  <前><代码>树枝：
表单主题：
- 'AppBundle:Form:prototype_layout.html.twig' #如果您将文件保存在其他地方，请调整此路径


• 您还可以直接在表单视图中使用该文件：

{% use "AppBundle:Form:prototype_layout.html.twig" %}