symfony2的高级多选框

时间:2015-04-21 19:18:34

标签: php symfony formbuilder

我正在使用symfony2

我有Manytomany实体,并使用这样的多个选择框。

在php中

    ->add('availLangs','entity',array(
            'class' => 'UserBundle:Lang',
            'label' => 'form.availLangs',
            'multiple' => true))

在树枝上

{{ form_widget(form.availLangs) }}

enter image description here

虽然它非常简单,但是当有很多选择(例如10~)时,情况可能会让用户感到混乱。

所以我试图像这样实现选择框

HTML multiple select box

一些小工具可以轻松地从多个项目中选择多个项目。

使用symfony2或formbuilder实现是否有很好的参考?

1 个答案:

答案 0 :(得分:2)

您可以使用select2 jquery小部件,它有一个很好的搜索输入,您可以在其中键入所需选项的某些字符,小部件将为您提供。 https://select2.github.io/

示例: http://jsfiddle.net/eoaa2wqw/

在symfony2中,只需通过构建器或树枝将select2类添加到您的输入中

->add('availLangs','entity',array(
            'class' => 'UserBundle:Lang',
            'label' => 'form.availLangs',
            'attr'=> array('class'=> 'select2') <-- here 
            'multiple' => true))

然后用:

激活select2
$('.select2').select2(// options maybe ) ;