Question

我是Symfony 4的新手，在以下情况下，我试图用搜索器创建复选框列表：

我有一个名为 SAI 的实体，这个实体可能被许多用户“拥有”（因此，我有一个名为 User 的实体）。
我有一个控制器 AddSAIController.php ，可以在其中管理如何添加SAI。当我添加它时，我想显示一个表单，用户可以在其中输入SAI的序列号，并可以检查哪些用户拥有该SAI。问题在于数据库中会有很多用户，并且需要搜索者才能更快地找到所需的用户。

首先，我尝试按照https://symfony.com/doc/current/form/form_collections.html上的文档创建复选框列表，我设法显示了用户，但是没有按要求显示复选框，而是将它们显示为输入文字类型。 Like this.
这是我的代码：

add_sais.html.twig

{%  block body %}

<div class="main">
    <h1>Add SAI</h1>
    <hr>
    <div class="formUsers">
        {{ form_start(form) }}
        {% for user in form.users %}
            {{ form_row(user.username) }}
        {% endfor %}
        {{ form_end(form) }}
    </div>
</div>

{%  endblock %}

AddSAIsController.php

public function addSAI(Request $request)
{
    $sai = new SAI();
    $users = $this->getDoctrine()->getRepository(User::class)->findAll();
    $sai->setUsers($users); 
    $form = $this->createForm(SAIType::class,$sai);
    $form->handleRequest($request);

    return $this->render('management/add_sais.html.twig', array(
        'form' => $form->createView(),
    ));
}

UsersType.php

public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder->add('username');
}

public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults(array(
        'data_class' => User::class,
    ));
}

SAIType.php

public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder->add('serial_number');
    $builder->add('users', CollectionType::class, array(
        'entry_type' => UsersType::class,
        'entry_options' => array('label' => false),
    ));
}

public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults(array(
        'data_class' => SAI::class,
    ));
}

目前，我会很高兴能创建复选框，稍后我会做学习助手。

Answer 1

要在其中具有多个选择器和搜索功能，您可以做的是使用jQuery selectbox插件，例如Select2。这为您提供了一个选择字段，您可以在其中进行搜索并具有多个输入。试试这个：

SAIType.php

public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder->add('serial_number')
            ->add('users', EntityType::class, array(
                'label' => false,
                'class' => User::class,
                'multiple' => true,
                'attr' => ['data-select' => 'true']
    ));
}

public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults(array(
        'data_class' => SAI::class,
    ));
}

然后在您要使用它的页面上（或将其放在base.html.twig中）：

CSS

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

JavaScript

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script>
    $('select[data-select="true"]').select2({});
</script>

复选框列表Symfony 4

1 个答案: