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 %}

如何使用AbstractType Form在symfony中创建自动完整文本字段？

1 个答案: