Symfony 3-动态表单-ChoiceType Ajax

Question

我目前正在处理用户创建表单。

用户具有配置文件属性：

    /**
     * Many Users have One profile
     * @ORM\ManyToOne(targetEntity="ProjectBundle\Entity\User\Profile", inversedBy="users")
     * @ORM\JoinColumn(name="profile_id", referencedColumnName="id")
     */
    private $profile;

根据另一个选择（在更改动作jquery上）选择此配置文件：

{% autoescape  'html'%}
        {{ '<script id="tmpl_user_profile" type="text/x-jquery-tmpl">
                <option value="${id}">${libelle}</option>
        </script>'|raw }}
{% endautoescape  %}

    <script>
        $('select#user_organisationMember').on('change',function(){
            var value = this.value;
            if (value == '') {
                $('#user_profile').empty();
            }
            var urlAjax = "{{ path('admin_user_get_profile', { 'entity': "value" }) }}";
            $.ajax({
                url: urlAjax.replace("value",value),
                method: "post"
            }).done(function(msg){
                $('#user_profile').empty();
                $('#tmpl_user_profile').tmpl(JSON.parse(msg)).appendTo('#user_profile');
            }) ;
        });
    </script>

在此之前，一切正常！ select标记中的不同配置文件根据另一个选择而变化良好。

到达页面后，我希望配置文件列表为空。

因此，我使用Symfony的FormEvent修改了表单。

这是我第一次使用FormEvent，我可能犯了一个错误！

我的FormType：

/**
     * {@inheritdoc}
     */
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('lastname')
            ->add('firstname')
            ->add('gender',null,array('required'=>true))
            ->add('organisationMember',null,array(
                'required' => true,
                'choices' => $options['organisation'],
                'group_by' => 'type_organisation',
                'placeholder' => 'Choisissez votre organisation'
            ))
            ->add('job')
            ->add('mobile')
            ->add('phone')
            ->add('alert_failure')
            ->add('alert_full')
            ->add('alert_other')
            ->add('plainPassword', TextType::class, array('required' => true))
            ->add('email')
            ->add('profile', null, array(
                'required' => true,
            ));

        $builder->addEventListener(FormEvents::PRE_SET_DATA, function (FormEvent $event) {
            $entity = $event->getData();
            $form = $event->getForm();

            if (!$entity || null === $entity->getId()) {
                $form->remove('profile');
                $form->add('profile', ChoiceType::class);
            }
        });
    }

默认情况下，数据库中的所有配置文件都加载到选择中，不会出现错误“此值不正确”。

但是我不希望用户看到所有配置文件，因此我在事件中将其删除，并将字段返回为空。

但是我仍然收到错误“此值不正确”，因为实际上，由于基本选择为空，因此表单找不到输入的值。

我想选择一个默认情况下为空的选项，该选项填充在Ajax中，并且不会向我显示错误“此值不正确”。

我该怎么办？ 谢谢

Answer 1

不仅在PRE_SET_DATA上添加字段，还在PRE_SUBMIT事件上添加字段。 检查我的答案上类似的问题。

Answer 2

我找到了一个非常简单的解决方案，我不知道这是否是个好主意，但是不需要很多行。

我已经提供了默认表格

    /**
     * {@inheritdoc}
     */
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('lastname')
            ->add('firstname')
            ->add('gender',null,array('required'=>true))
            ->add('organisationMember',null,array(
                'required' => true,
                'choices' => $options['organisation'],
                'group_by' => 'type_organisation',
                'placeholder' => 'Choisissez votre organisation'
            ))
            ->add('job')
            ->add('mobile')
            ->add('phone')
            ->add('alert_failure')
            ->add('alert_full')
            ->add('alert_other')
            ->add('plainPassword', TextType::class, array('required' => true))
            ->add('email')
            ->add('profile', null, array(
                'required' => true,
                'placeholder' => 'Choose an organisation !',
            ));
    }

在我看来：

<div class="form-group{% if form.profile.vars.errors|length %} has-error{% endif %}">
        <label for="{{ form.profile.vars.id }}" class="col-sm-3 control-label no-padding-right required">Profile(s) </label>
        <div class="col-sm-9">
            {% do form.profile.setRendered %}
            <select name="user[profile]" id="user_profile" required class="form-control">
             //We can do a loop if needed
            </select>
            {{ form_errors(form.profile) }}
        </div>
</div>

这样，我可以完全管理我是否需要选择的信息。

它对我有用。