如何使用 AbstractType Form 在 symfony 中创建一个自动完成的文本字段？

Question

我正在尝试使用 AbstractType Form 在 symfony 中创建一个自动完成文本字段，它从数据库中获取数据，我希望它就我输入的任何内容给我建议，我已经为此尝试了几个第三方插件，但它不是工作，可能是我错过了一些安装过程。 这是我使用 git 形式的插件的link 在完成完整的安装步骤后，它给了我纯文本字段。 有没有其他方法可以创建自动完成文本框， 这是我的 FormType 代码

 $builder->add('autoText', 'autocomplete', array(
     'class' => 'MyBundle:Demo',
 ));

我的 html.twig 模板：

<div class="col-md-10">
    [{% for auto in results -%}
        {{ {id: auto.id, label: auto.name, value: auto.name}|json_encode|raw }}
        {%- if not loop.last %},{% endif -%}
    {%- endfor %}]
</div>

<!-- js -->

{% javascripts
    'js/jquery.js'
    'js/jquery-ui.js'
    '@PUGXAutocompleterBundle/Resources/public/js/autocompleter-jqueryui.js'
%}
{% endjavascripts %}
{% javascripts %}
    <script type="text/javascript">
        $('#autoText').autocompleter({url_list: '/auto_search', url_get: '/auto_get/'});
    </script>
{% endjavascripts %}

我的DemoController

Public class DemoController extends Controller{
//....
    public function searchAutoAction(Request $request) {
        $q = $request->get('AutoText');
        $em = $this->getDoctrine()->getManager();
        $results = $em->getRepository('MyBundle:Demo')->findLikeName($q);

        return array('results' => $results);
    }
    public function getAutoAction($id) {
        $em = $this->getDoctrine()->getManager();
        $auto = $em->getRepository('MyBundle:Demo')->find($id);

        return new Response($auto->getName());
    }

.....//
}

route.yml

auto_search:
    path: /auto_search/
    defaults: { _controller:MyBundle:Demo:searchAuto }

auto_get:
    path: /auto_get/
    defaults: { _controller:MyBundle:Demo:getAuto }

Answer 1

阅读此doc page，并添加如下 js 库：

{% javascripts
    'js/jquery.js'
    'js/jquery-ui.js'
    '@PUGXAutocompleterBundle/Resources/public/js/autocompleter-jqueryui.js'
%}
    <script src="{{ asset_url }}"></script>
{% endjavascripts %}