如何在数据原型中应用样式

时间:2016-11-05 14:42:21

标签: symfony twig

我试图在数据原型中应用bootstrap,但它无法正常工作。

以下是我的枝条文件

verifyAPIKey()

按钮类型没问题,但employee.firstName和employee.lastName不是。

1 个答案:

答案 0 :(得分:0)

您应该为集合类型创建专用表单主题。

示例:

EmployeeCollectionTypeTheme.html.twig

{% block EmployeeCollectionType_widget %}
<li>
     <div class="form-group col-sm-6">
         {{ form_row(form.firstName, {'attr':{'class': 'form-control'}}) }}
     </div>
     <div class="form-group col-sm-6">
         {{ form_row(form.lastName, {'attr':{'class': 'form-control'}}) }}
     </div>
</li>
{% endblock %}

main.html.twig

{% form_theme form.employees 'AppBundle:Default:EmployeeCollectionTypeTheme.html.twig' %}

<ul class="employees" data-prototype="{{ form_widget(form.employees.vars.prototype)|e('html_attr') }}">
    {{ form_widget(form.employees) }}
</ul>

当然,更改表单类型名称以适合您的(主题中的form变量除外,该变量在原型上下文中给出)。

为了进一步了解,您可以查看我https://twigfiddle.com/(左侧窗格中有“添加模板”)的模板集合类型,查看theme source code