jquery – Symfony在前端添加表单字段

2023年8月2日 134次阅读

我对Symfony比较陌生,试图寻找这个问题的解决方案但是找不到任何问题.我正在尝试让用户(在前端)向表单添加表单字段.

我正在创建一个用户可以发布食谱的应用程序,用户应该能够在表单中添加成分表单字段,我知道如何在简单的html& jQuery,但我不知道如何在Symfony中管理它.

这就是我目前正在构建表单的方式：

class UserType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('username', 'text');
        $builder->add('email', 'email');
        $builder->add('password', 'repeated', array(
           'first_name'  => 'password',
           'second_name' => 'confirm',
           'type'        => 'password',
        ));
        $builder->add('address', new AddressType());
        $builder->add('Registreer', 'submit');
    }

    public function setDefaultOptions(OptionsResolverInterface $resolver)
    {
        $resolver->setDefaults(array(
            'data_class' => 'Acme\DemoBundle\Entity\User'
        ));
    }

    public function getName()
    {
        return 'user';
    }
}

这是我想看到的结果,我怎样才能在Symfony中实现这样的效果？

HTML

<a href="#" id="add">Add ingredient</a>
<form>
    <p><input type="text" name="ingredient[]" /></p>
</form>

jQuery的

$(function(){

    console.log('ready')

    $('#add').click(function(){
        $('form').append('<p><input type="text" name="ingredient[]" /><a href="#" class="remove">Remove</a></p>');
    })

    $('form').on('click', '.remove', function(){
        $(this).parent().remove();
    })

})

的jsfiddle

http://jsfiddle.net/MBhcF/

最佳答案 当然.它们被称为集合：

http://symfony.com/doc/current/cookbook/form/form_collections.html

您应该在我的一个帖子中找到您需要的几乎所有内容：

Form with a collection same entity type

如果您有任何疑问/需要帮助,我非常了解收藏类型,很乐意为您提供帮助.

点赞