我想通过trick为日期字段中的select字段设置一个属性。理想情况下,我会有一段代码,看起来像:
{% setAttribute(myForm.myDate.day, {'attr': {'p-class': myForm.myDate.vars.id }}) %}
{% setAttribute(myForm.myDate.month, {'attr': {'p-class': myForm.myDate.vars.id }}) %}
{% setAttribute(myForm.myDate.year, {'attr': {'p-class': myForm.myDate.vars.id }}) %}
{{ form_row(myForm.myDate) }}
如何在twick/symfony2中执行此操作?
其中一种方法是单独输出每个字段:
{{ form_widget(myForm.myDate.day, {'attr': {'p-class': myForm.myDate.vars.id }}) }}
{{ form_widget(myForm.myDate.month, {'attr': {'p-class': myForm.myDate.vars.id }}) }}
{{ form_widget(myForm.myDate.year, {'attr': {'p-class': myForm.myDate.vars.id }}) }}
另一种方式是形式主题化。
其他几个选项:
使用TWIG将ID放入父div标签
这意味着您需要调整您正在使用的JS/CSS。
{{ form_row(myForm.myDate, { 'attr': {'class': myForm.myDate.vars.id} } )
使用CSS pseduo选择器:
您不太可能只想对输出进行样式化(您正在填充ID),但您可以始终使用CSS选择器对进行样式化
<div class="some-selector">
<select><option>YEAR</option></select>
<select><option>MONTH</option></select>
<select><option>DAY</option></select>
</div>
.some-selector select { color: green; }
.some-selector select + select { color: red; }
.some-selector select + second + select { color: blue; }
这是一把小提琴:http://jsfiddle.net/FFpJ8/
表单主题化
正如Elnur所说,你也可以使用形式主题:http://symfony.com/doc/current/cookbook/form/form_customization.html默认主题可以在https://github.com/symfony/symfony/blob/master/src/Symfony/Bridge/Twig/Resources/views/Form/form_div_layout.html.twig
因此,您可以根据需要在自己的主题中覆盖date_widget并添加id。
{% block date_widget %}
{% spaceless %}
{% if widget == 'single_text' %}
{{ block('form_widget_simple') }}
{% else %}
<div {{ block('widget_container_attributes') }}>
{{ date_pattern|replace({
'{{ year }}': form_widget(form.year),
'{{ month }}': form_widget(form.month),
'{{ day }}': form_widget(form.day),
})|raw }}
</div>
{% endif %}
{% endspaceless %}
{% endblock date_widget %}
JS
您可以在页面加载后使用JS提供该类,但我不会。