Rendering entity type as text field so I can auto-complete it with jquery

Question

I've got Task entity which has nothing to do with Company entity ( Company has Projects, and each Project has Tasks ) and this simple form:

class TaskType extends AbstractType
{ 
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
       $builder->add('company','entity',array(
                'class' => 'ITMore\FlowBundle\Entity\Company',
                'mapped' => false
            ))
    }
}

and what I want to do is to render this field as text type, so I can auto-complete it with jquery ( friendly User experience. There will be a lot of projects, so I don't want user to search through the whole list ). It is supposed to work like this: user fill the company field, then the list of companies which fits input value shows and after that there is second input - project - which is supposed to have hints with the given companies projects.

I have absolutely no idea how to do this. One way which I thought it may work is to do this in controller after validation, but this solution isn't very neat

score 8 · Answer 1 · answered Sep 02 '15 at 03:11

Use DataTransformer.

A working example.City entity has thousand of city names.Instead of dropdown, you can turn this into text input

<?php

namespace Project\Bundle\DuterteBundle\Form\DataTransformer;

use Project\Bundle\DuterteBundle\Entity\City;
use Doctrine\Common\Persistence\ObjectManager;
use Symfony\Component\Form\DataTransformerInterface;
use Symfony\Component\Form\Exception\TransformationFailedException;


class CityAutocompleteTransformer implements DataTransformerInterface
{
private $entityManager;

public function __construct(ObjectManager $entityManager)
{
    $this->entityManager = $entityManager;
}

public function transform($city)
{
    if (null === $city) {
        return '';
    }

    return $city->getName();
}

public function reverseTransform($cityName)
{
    if (!$cityName) {
        return;
    }

    $city = $this->entityManager
        ->getRepository('DuterteBundle:City')->findOneBy(array('name' => $cityName));

    if (null === $city) {
        throw new TransformationFailedException(sprintf('There is no "%s" exists',
            $cityName
        ));
    }

    return $city;
}
}

Then in citytype form you can do similar this

->add('city', 'text', array(
        'label' => 'Type your city',
        //'error_bubbling' => true,
        'invalid_message' => 'That city you entered is not listed',

 $builder->get('city')
      ->addModelTransformer(new CityAutocompleteTransformer($this->entityManager));

Hello i got Undefined property for entityManager. in the FormType. How i solve that ? — Jordan Georgiadis, Jan 21 '19 at 11:32
@JordanGeorgiadis https://symfony.com/doc/3.4/form/form_dependencies.html — fishbone, Oct 11 '19 at 12:02

score 3 · Answer 2 · answered Apr 07 '14 at 15:37

3

Use 'entity' itself and use

http://ivaynberg.github.io/select2/

for implementing auto-complete.

answered Apr 07 '14 at 15:37

Ramesh

4,223
2
16
24

thanks, but project which I'm doing uses AngularJS. And I'm not sure if mixing it with jquery is a good idea. – mmmm Apr 07 '14 at 15:42

Rendering entity type as text field so I can auto-complete it with jquery

2 Answers2