如何将css类添加到特定的symfony2表单选项中?

时间:2012-05-27 00:11:01

标签: symfony symfony-forms

我可以用Javascript做到这一点,但我想知道是否可以将css类添加到特定的symfony2表单选项(不是选择字段本身,而是个别选项)。

例如,我想将不同的CSS样式应用于'select'中的各个'option'标签。我只能找到一种方法来为标签添加一个类。

提前致谢。

4 个答案:

答案 0 :(得分:11)

我认为你可以做到:

{{  form_widget(form.name, { 'attr' : { 'class' : 'myClass' } })  }}

...正如here所解释的那样,没有创建自己的表单样式。

答案 1 :(得分:4)

您可以覆盖表单中特定小部件的布局,这意味着您可以覆盖选择呈现的方式并放入自定义代码以检查选项的值是什么,并在那里输出您的自定义类。

您需要在表单中应用自定义布局,例如

{% form_theme form 'form_theme.html.twig' %}

然后在布局文件中,您需要覆盖该特定表单的特定字段(除非您想直接编辑choice_widget,在这种情况下,所有使用选择的字段都将具有该功能)。

要做到这一点,你必须复制小部件,所以choice_widget,然后命名为[_formName_fieldName_widget]

因此,如果您的表单名称是事件,而您的字段名称是requireTickets,那么它将是_events_requireTickets_widget

答案 2 :(得分:4)

已经提供的答案非常好,我认为@ CriticalImpact是最灵活的。但我只想提一下,如果您使用的是表单类,还可以通过表单构建器定义本身向该字段添加额外的属性:

class SomeType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('someField', "text", array("attr" => array("class" => "someCssClass")))
            ->add("save", "submit");
    }
}

我发现这对基本表单很有用,因为它仍然允许您在Twig文件中进行简单的{{ form(someForm) }}调用。

(请注意,此解决方案仍有缺点,即@CriticalImpact提到above

答案 3 :(得分:1)

现在可以使用choice_attr为个人选择添加CSS样式等属性,例如:

use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
// ...

$builder->add('attending', ChoiceType::class, array(
    'choices' => array(
        'Yes' => true,
        'No' => false,
        'Maybe' => null,
    ),
    'choice_attr' => function($val, $key, $index) {
        // adds a class like attending_yes, attending_no, etc
        return ['class' => 'attending_'.strtolower($key)];
    },
));